#5E3257 - #C65B82 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #5E3257 to #C65B82

#5E3257 #C65B82

Calculate the color between two colors, #5E3257 and #C65B82. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#5E3257 - #C65B82 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #5E3257 as 0% and #C65B82 as 100%.

0.0%	0.0% #5E3257	RGB 94 50 87	#5E3257
16.7%	16.7% #6F385E	RGB 111 56 94	#6F385E
33.3%	33.3% #803F65	RGB 128 63 101	#803F65
50.0%	50.0% #92466C	RGB 146 70 108	#92466C
66.7%	66.7% #A34D73	RGB 163 77 115	#A34D73
83.3%	83.3% #B4547A	RGB 180 84 122	#B4547A
100.0%	100.0% #C65B82	RGB 198 91 130	#C65B82

#5E3257 #6F385E #803F65 #92466C #A34D73 #B4547A #C65B82

#5E3257 - #C65B82

HSV Blend

#5E3257 - #C65B82 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #5E3257 as 0% and #C65B82 as 100%.

0.0%	0.0% #5E3256	RGB 94 50 86	#5E3256
16.7%	16.7% #6F3962	RGB 111 57 98	#6F3962
33.3%	33.3% #80416C	RGB 128 65 108	#80416C
50.0%	50.0% #924874	RGB 146 72 116	#924874
66.7%	66.7% #A34F7B	RGB 163 79 123	#A34F7B
83.3%	83.3% #B4557F	RGB 180 85 127	#B4557F
100.0%	100.0% #C65B82	RGB 198 91 130	#C65B82

#5E3256 #6F3962 #80416C #924874 #A34F7B #B4557F #C65B82

#5E3257 - #924874 - #C65B82

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #5E3257 0%, #C65B82 100%);
    background: -webkit-linear-gradient(top, #5E3257 0%, #C65B82 100%);
    background: linear-gradient(to bottom, #5E3257 0%, #C65B82 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3256 0%, #924874 50%, #C65B82 100%);
    background: -webkit-linear-gradient(top, #5E3256 0%, #924874 50%, #C65B82 100%);
    background: linear-gradient(to bottom, #5E3256 0%, #924874 50%, #C65B82 100%);
}
</style>