#5E4657 - #CF6F9F | 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 #5E4657 to #CF6F9F

#5E4657 #CF6F9F

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

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

0.0%	0.0% #5E4657	RGB 94 70 87	#5E4657
16.7%	16.7% #704C63	RGB 112 76 99	#704C63
33.3%	33.3% #83536F	RGB 131 83 111	#83536F
50.0%	50.0% #965A7B	RGB 150 90 123	#965A7B
66.7%	66.7% #A96187	RGB 169 97 135	#A96187
83.3%	83.3% #BC6893	RGB 188 104 147	#BC6893
100.0%	100.0% #CF6F9F	RGB 207 111 159	#CF6F9F

#5E4657 #704C63 #83536F #965A7B #A96187 #BC6893 #CF6F9F

#5E4657 - #CF6F9F

HSV Blend

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

0.0%	0.0% #5E4657	RGB 94 70 87	#5E4657
16.7%	16.7% #705066	RGB 112 80 102	#705066
33.3%	33.3% #835874	RGB 131 88 116	#835874
50.0%	50.0% #966081	RGB 150 96 129	#966081
66.7%	66.7% #A9668C	RGB 169 102 140	#A9668C
83.3%	83.3% #BC6B96	RGB 188 107 150	#BC6B96
100.0%	100.0% #CF6F9F	RGB 207 111 159	#CF6F9F

#5E4657 #705066 #835874 #966081 #A9668C #BC6B96 #CF6F9F

#5E4657 - #966081 - #CF6F9F

CSS codes

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

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