#D6A2AB - #CDB7E6 | 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 #D6A2AB to #CDB7E6

#D6A2AB #CDB7E6

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

#D6A2AB - #CDB7E6 | 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 #D6A2AB as 0% and #CDB7E6 as 100%.

0.0%	0.0% #D6A2AB	RGB 214 162 171	#D6A2AB
16.7%	16.7% #D4A5B4	RGB 212 165 180	#D4A5B4
33.3%	33.3% #D3A9BE	RGB 211 169 190	#D3A9BE
50.0%	50.0% #D1ACC8	RGB 209 172 200	#D1ACC8
66.7%	66.7% #D0B0D2	RGB 208 176 210	#D0B0D2
83.3%	83.3% #CEB3DC	RGB 206 179 220	#CEB3DC
100.0%	100.0% #CDB7E6	RGB 205 183 230	#CDB7E6

#D6A2AB #D4A5B4 #D3A9BE #D1ACC8 #D0B0D2 #CEB3DC #CDB7E6

#D6A2AB - #CDB7E6

HSV Blend

#D6A2AB - #CDB7E6 | 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 #D6A2AB as 0% and #CDB7E6 as 100%.

0.0%	0.0% #D6A2AB	RGB 214 162 171	#D6A2AB
16.7%	16.7% #D8A5B9	RGB 216 165 185	#D8A5B9
33.3%	33.3% #DBA8C8	RGB 219 168 200	#DBA8C8
50.0%	50.0% #DEACD6	RGB 222 172 214	#DEACD6
66.7%	66.7% #DCAFE0	RGB 220 175 224	#DCAFE0
83.3%	83.3% #D4B3E3	RGB 212 179 227	#D4B3E3
100.0%	100.0% #CDB7E6	RGB 205 183 230	#CDB7E6

#D6A2AB #D8A5B9 #DBA8C8 #DEACD6 #DCAFE0 #D4B3E3 #CDB7E6

#D6A2AB - #DEACD6 - #CDB7E6

CSS codes

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

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