#D9CDD4 - #9F7070 | 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 #D9CDD4 to #9F7070

#D9CDD4 #9F7070

Calculate the color between two colors, #D9CDD4 and #9F7070. 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)

#D9CDD4 - #9F7070 | 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 #D9CDD4 as 0% and #9F7070 as 100%.

0.0%	0.0% #D9CDD4	RGB 217 205 212	#D9CDD4
16.7%	16.7% #CFBDC3	RGB 207 189 195	#CFBDC3
33.3%	33.3% #C5AEB2	RGB 197 174 178	#C5AEB2
50.0%	50.0% #BC9EA2	RGB 188 158 162	#BC9EA2
66.7%	66.7% #B28F91	RGB 178 143 145	#B28F91
83.3%	83.3% #A87F80	RGB 168 127 128	#A87F80
100.0%	100.0% #9F7070	RGB 159 112 112	#9F7070

#D9CDD4 #CFBDC3 #C5AEB2 #BC9EA2 #B28F91 #A87F80 #9F7070

#D9CDD4 - #9F7070

HSV Blend

#D9CDD4 - #9F7070 | 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 #D9CDD4 as 0% and #9F7070 as 100%.

0.0%	0.0% #D9CDD4	RGB 217 205 212	#D9CDD4
16.7%	16.7% #CFBBC5	RGB 207 187 197	#CFBBC5
33.3%	33.3% #C5AAB5	RGB 197 170 181	#C5AAB5
50.0%	50.0% #BC9BA4	RGB 188 155 164	#BC9BA4
66.7%	66.7% #B28B93	RGB 178 139 147	#B28B93
83.3%	83.3% #A87D81	RGB 168 125 129	#A87D81
100.0%	100.0% #9F7070	RGB 159 112 112	#9F7070

#D9CDD4 #CFBBC5 #C5AAB5 #BC9BA4 #B28B93 #A87D81 #9F7070

#D9CDD4 - #BC9BA4 - #9F7070

CSS codes

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

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