#CD858B - #8F343F | 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 #CD858B to #8F343F

#CD858B #8F343F

Calculate the color between two colors, #CD858B and #8F343F. 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)

#CD858B - #8F343F | 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 #CD858B as 0% and #8F343F as 100%.

0.0%	0.0% #CD858B	RGB 205 133 139	#CD858B
16.7%	16.7% #C2777E	RGB 194 119 126	#C2777E
33.3%	33.3% #B86A71	RGB 184 106 113	#B86A71
50.0%	50.0% #AE5C65	RGB 174 92 101	#AE5C65
66.7%	66.7% #A34F58	RGB 163 79 88	#A34F58
83.3%	83.3% #99414B	RGB 153 65 75	#99414B
100.0%	100.0% #8F343F	RGB 143 52 63	#8F343F

#CD858B #C2777E #B86A71 #AE5C65 #A34F58 #99414B #8F343F

#CD858B - #8F343F

HSV Blend

#CD858B - #8F343F | 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 #CD858B as 0% and #8F343F as 100%.

0.0%	0.0% #CD858B	RGB 205 133 139	#CD858B
16.7%	16.7% #C2757B	RGB 194 117 123	#C2757B
33.3%	33.3% #B8666D	RGB 184 102 109	#B8666D
50.0%	50.0% #AE5860	RGB 174 88 96	#AE5860
66.7%	66.7% #A34B54	RGB 163 75 84	#A34B54
83.3%	83.3% #993F49	RGB 153 63 73	#993F49
100.0%	100.0% #8F343F	RGB 143 52 63	#8F343F

#CD858B #C2757B #B8666D #AE5860 #A34B54 #993F49 #8F343F

#CD858B - #AE5860 - #8F343F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CD858B 0%, #AE5860 50%, #8F343F 100%);
    background: -webkit-linear-gradient(top, #CD858B 0%, #AE5860 50%, #8F343F 100%);
    background: linear-gradient(to bottom, #CD858B 0%, #AE5860 50%, #8F343F 100%);
}
</style>