#CDB2B0 - #B5655B | 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 #CDB2B0 to #B5655B

#CDB2B0 #B5655B

Calculate the color between two colors, #CDB2B0 and #B5655B. 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)

#CDB2B0 - #B5655B | 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 #CDB2B0 as 0% and #B5655B as 100%.

0.0%	0.0% #CDB2B0	RGB 205 178 176	#CDB2B0
16.7%	16.7% #C9A5A1	RGB 201 165 161	#C9A5A1
33.3%	33.3% #C59893	RGB 197 152 147	#C59893
50.0%	50.0% #C18B85	RGB 193 139 133	#C18B85
66.7%	66.7% #BD7E77	RGB 189 126 119	#BD7E77
83.3%	83.3% #B97169	RGB 185 113 105	#B97169
100.0%	100.0% #B5655B	RGB 181 101 91	#B5655B

#CDB2B0 #C9A5A1 #C59893 #C18B85 #BD7E77 #B97169 #B5655B

#CDB2B0 - #B5655B

HSV Blend

#CDB2B0 - #B5655B | 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 #CDB2B0 as 0% and #B5655B as 100%.

0.0%	0.0% #CDB2B0	RGB 205 178 176	#CDB2B0
16.7%	16.7% #C9A3A0	RGB 201 163 160	#C9A3A0
33.3%	33.3% #C59691	RGB 197 150 145	#C59691
50.0%	50.0% #C18883	RGB 193 136 131	#C18883
66.7%	66.7% #BD7C75	RGB 189 124 117	#BD7C75
83.3%	83.3% #B97067	RGB 185 112 103	#B97067
100.0%	100.0% #B5655B	RGB 181 101 91	#B5655B

#CDB2B0 #C9A3A0 #C59691 #C18883 #BD7C75 #B97067 #B5655B

#CDB2B0 - #C18883 - #B5655B

CSS codes

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

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