#CDA8A8 - #B55852 | 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 #CDA8A8 to #B55852

#CDA8A8 #B55852

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

#CDA8A8 - #B55852 | 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 #CDA8A8 as 0% and #B55852 as 100%.

0.0%	0.0% #CDA8A8	RGB 205 168 168	#CDA8A8
16.7%	16.7% #C99A99	RGB 201 154 153	#C99A99
33.3%	33.3% #C58D8B	RGB 197 141 139	#C58D8B
50.0%	50.0% #C1807D	RGB 193 128 125	#C1807D
66.7%	66.7% #BD726E	RGB 189 114 110	#BD726E
83.3%	83.3% #B96560	RGB 185 101 96	#B96560
100.0%	100.0% #B55852	RGB 181 88 82	#B55852

#CDA8A8 #C99A99 #C58D8B #C1807D #BD726E #B96560 #B55852

#CDA8A8 - #B55852

HSV Blend

#CDA8A8 - #B55852 | 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 #CDA8A8 as 0% and #B55852 as 100%.

0.0%	0.0% #CDA8A8	RGB 205 168 168	#CDA8A8
16.7%	16.7% #C99898	RGB 201 152 152	#C99898
33.3%	33.3% #C58A89	RGB 197 138 137	#C58A89
50.0%	50.0% #C17C7A	RGB 193 124 122	#C17C7A
66.7%	66.7% #BD6F6C	RGB 189 111 108	#BD6F6C
83.3%	83.3% #B9635F	RGB 185 99 95	#B9635F
100.0%	100.0% #B55852	RGB 181 88 82	#B55852

#CDA8A8 #C99898 #C58A89 #C17C7A #BD6F6C #B9635F #B55852

#CDA8A8 - #C17C7A - #B55852

CSS codes

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

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