#5E4652 - #CE7085 | 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 #5E4652 to #CE7085

#5E4652 #CE7085

Calculate the color between two colors, #5E4652 and #CE7085. 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)

#5E4652 - #CE7085 | 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 #5E4652 as 0% and #CE7085 as 100%.

0.0%	0.0% #5E4652	RGB 94 70 82	#5E4652
16.7%	16.7% #704D5A	RGB 112 77 90	#704D5A
33.3%	33.3% #835463	RGB 131 84 99	#835463
50.0%	50.0% #965B6B	RGB 150 91 107	#965B6B
66.7%	66.7% #A86274	RGB 168 98 116	#A86274
83.3%	83.3% #BB697C	RGB 187 105 124	#BB697C
100.0%	100.0% #CE7085	RGB 206 112 133	#CE7085

#5E4652 #704D5A #835463 #965B6B #A86274 #BB697C #CE7085

#5E4652 - #CE7085

HSV Blend

#5E4652 - #CE7085 | 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 #5E4652 as 0% and #CE7085 as 100%.

0.0%	0.0% #5E4652	RGB 94 70 82	#5E4652
16.7%	16.7% #70505E	RGB 112 80 94	#70505E
33.3%	33.3% #83596A	RGB 131 89 106	#83596A
50.0%	50.0% #966073	RGB 150 96 115	#966073
66.7%	66.7% #A8677B	RGB 168 103 123	#A8677B
83.3%	83.3% #BB6C81	RGB 187 108 129	#BB6C81
100.0%	100.0% #CE7085	RGB 206 112 133	#CE7085

#5E4652 #70505E #83596A #966073 #A8677B #BB6C81 #CE7085

#5E4652 - #966073 - #CE7085

CSS codes

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

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