#CDB5BA - #99626D | 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 #CDB5BA to #99626D

#CDB5BA #99626D

Calculate the color between two colors, #CDB5BA and #99626D. 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)

#CDB5BA - #99626D | 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 #CDB5BA as 0% and #99626D as 100%.

0.0%	0.0% #CDB5BA	RGB 205 181 186	#CDB5BA
16.7%	16.7% #C4A7AD	RGB 196 167 173	#C4A7AD
33.3%	33.3% #BB99A0	RGB 187 153 160	#BB99A0
50.0%	50.0% #B38B93	RGB 179 139 147	#B38B93
66.7%	66.7% #AA7D86	RGB 170 125 134	#AA7D86
83.3%	83.3% #A16F79	RGB 161 111 121	#A16F79
100.0%	100.0% #99626D	RGB 153 98 109	#99626D

#CDB5BA #C4A7AD #BB99A0 #B38B93 #AA7D86 #A16F79 #99626D

#CDB5BA - #99626D

HSV Blend

#CDB5BA - #99626D | 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 #CDB5BA as 0% and #99626D as 100%.

0.0%	0.0% #CDB5BA	RGB 205 181 186	#CDB5BA
16.7%	16.7% #C4A5AB	RGB 196 165 171	#C4A5AB
33.3%	33.3% #BB969E	RGB 187 150 158	#BB969E
50.0%	50.0% #B38891	RGB 179 136 145	#B38891
66.7%	66.7% #AA7A84	RGB 170 122 132	#AA7A84
83.3%	83.3% #A16E78	RGB 161 110 120	#A16E78
100.0%	100.0% #99626D	RGB 153 98 109	#99626D

#CDB5BA #C4A5AB #BB969E #B38891 #AA7A84 #A16E78 #99626D

#CDB5BA - #B38891 - #99626D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDB5BA 0%, #B38891 50%, #99626D 100%);
    background: -webkit-linear-gradient(top, #CDB5BA 0%, #B38891 50%, #99626D 100%);
    background: linear-gradient(to bottom, #CDB5BA 0%, #B38891 50%, #99626D 100%);
}
</style>