#C99D9D - #B04E47 | 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 #C99D9D to #B04E47

#C99D9D #B04E47

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

#C99D9D - #B04E47 | 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 #C99D9D as 0% and #B04E47 as 100%.

0.0%	0.0% #C99D9D	RGB 201 157 157	#C99D9D
16.7%	16.7% #C48F8E	RGB 196 143 142	#C48F8E
33.3%	33.3% #C08280	RGB 192 130 128	#C08280
50.0%	50.0% #BC7572	RGB 188 117 114	#BC7572
66.7%	66.7% #B86863	RGB 184 104 99	#B86863
83.3%	83.3% #B45B55	RGB 180 91 85	#B45B55
100.0%	100.0% #B04E47	RGB 176 78 71	#B04E47

#C99D9D #C48F8E #C08280 #BC7572 #B86863 #B45B55 #B04E47

#C99D9D - #B04E47

HSV Blend

#C99D9D - #B04E47 | 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 #C99D9D as 0% and #B04E47 as 100%.

0.0%	0.0% #C99D9D	RGB 201 157 157	#C99D9D
16.7%	16.7% #C48D8D	RGB 196 141 141	#C48D8D
33.3%	33.3% #C07F7E	RGB 192 127 126	#C07F7E
50.0%	50.0% #BC726F	RGB 188 114 111	#BC726F
66.7%	66.7% #B86561	RGB 184 101 97	#B86561
83.3%	83.3% #B45954	RGB 180 89 84	#B45954
100.0%	100.0% #B04E47	RGB 176 78 71	#B04E47

#C99D9D #C48D8D #C07F7E #BC726F #B86561 #B45954 #B04E47

#C99D9D - #BC726F - #B04E47

CSS codes

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

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