#D4B0DE - #C8D3E3 | 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 #D4B0DE to #C8D3E3

#D4B0DE #C8D3E3

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

#D4B0DE - #C8D3E3 | 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 #D4B0DE as 0% and #C8D3E3 as 100%.

0.0%	0.0% #D4B0DE	RGB 212 176 222	#D4B0DE
16.7%	16.7% #D2B5DE	RGB 210 181 222	#D2B5DE
33.3%	33.3% #D0BBDF	RGB 208 187 223	#D0BBDF
50.0%	50.0% #CEC1E0	RGB 206 193 224	#CEC1E0
66.7%	66.7% #CCC7E1	RGB 204 199 225	#CCC7E1
83.3%	83.3% #CACDE2	RGB 202 205 226	#CACDE2
100.0%	100.0% #C8D3E3	RGB 200 211 227	#C8D3E3

#D4B0DE #D2B5DE #D0BBDF #CEC1E0 #CCC7E1 #CACDE2 #C8D3E3

#D4B0DE - #C8D3E3

HSV Blend

#D4B0DE - #C8D3E3 | 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 #D4B0DE as 0% and #C8D3E3 as 100%.

0.0%	0.0% #D4B0DE	RGB 212 176 222	#D4B0DE
16.7%	16.7% #CDB3DE	RGB 205 179 222	#CDB3DE
33.3%	33.3% #C7B7DF	RGB 199 183 223	#C7B7DF
50.0%	50.0% #C2BBE0	RGB 194 187 224	#C2BBE0
66.7%	66.7% #BFC0E1	RGB 191 192 225	#BFC0E1
83.3%	83.3% #C3CAE2	RGB 195 202 226	#C3CAE2
100.0%	100.0% #C8D3E3	RGB 200 211 227	#C8D3E3

#D4B0DE #CDB3DE #C7B7DF #C2BBE0 #BFC0E1 #C3CAE2 #C8D3E3

#D4B0DE - #C2BBE0 - #C8D3E3

CSS codes

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

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