#5E4552 - #CD6F84 | 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 #5E4552 to #CD6F84

#5E4552 #CD6F84

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

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

0.0%	0.0% #5E4552	RGB 94 69 82	#5E4552
16.7%	16.7% #704C5A	RGB 112 76 90	#704C5A
33.3%	33.3% #835362	RGB 131 83 98	#835362
50.0%	50.0% #955A6B	RGB 149 90 107	#955A6B
66.7%	66.7% #A86173	RGB 168 97 115	#A86173
83.3%	83.3% #BA687B	RGB 186 104 123	#BA687B
100.0%	100.0% #CD6F84	RGB 205 111 132	#CD6F84

#5E4552 #704C5A #835362 #955A6B #A86173 #BA687B #CD6F84

#5E4552 - #CD6F84

HSV Blend

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

0.0%	0.0% #5E4552	RGB 94 69 82	#5E4552
16.7%	16.7% #704E5E	RGB 112 78 94	#704E5E
33.3%	33.3% #835769	RGB 131 87 105	#835769
50.0%	50.0% #955F73	RGB 149 95 115	#955F73
66.7%	66.7% #A8657B	RGB 168 101 123	#A8657B
83.3%	83.3% #BA6A80	RGB 186 106 128	#BA6A80
100.0%	100.0% #CD6F84	RGB 205 111 132	#CD6F84

#5E4552 #704E5E #835769 #955F73 #A8657B #BA6A80 #CD6F84

#5E4552 - #955F73 - #CD6F84

CSS codes

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

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