#D9B2FF - #CBC8F3 | 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 #D9B2FF to #CBC8F3

#D9B2FF #CBC8F3

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

#D9B2FF - #CBC8F3 | 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 #D9B2FF as 0% and #CBC8F3 as 100%.

0.0%	0.0% #D9B2FF	RGB 217 178 255	#D9B2FF
16.7%	16.7% #D6B5FD	RGB 214 181 253	#D6B5FD
33.3%	33.3% #D4B9FB	RGB 212 185 251	#D4B9FB
50.0%	50.0% #D2BDF9	RGB 210 189 249	#D2BDF9
66.7%	66.7% #CFC0F7	RGB 207 192 247	#CFC0F7
83.3%	83.3% #CDC4F5	RGB 205 196 245	#CDC4F5
100.0%	100.0% #CBC8F3	RGB 203 200 243	#CBC8F3

#D9B2FF #D6B5FD #D4B9FB #D2BDF9 #CFC0F7 #CDC4F5 #CBC8F3

#D9B2FF - #CBC8F3

HSV Blend

#D9B2FF - #CBC8F3 | 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 #D9B2FF as 0% and #CBC8F3 as 100%.

0.0%	0.0% #D9B2FF	RGB 217 178 255	#D9B2FF
16.7%	16.7% #D4B5FD	RGB 212 181 253	#D4B5FD
33.3%	33.3% #D1B9FB	RGB 209 185 251	#D1B9FB
50.0%	50.0% #CEBDF9	RGB 206 189 249	#CEBDF9
66.7%	66.7% #CCC1F7	RGB 204 193 247	#CCC1F7
83.3%	83.3% #CBC4F5	RGB 203 196 245	#CBC4F5
100.0%	100.0% #CBC8F3	RGB 203 200 243	#CBC8F3

#D9B2FF #D4B5FD #D1B9FB #CEBDF9 #CCC1F7 #CBC4F5 #CBC8F3

#D9B2FF - #CEBDF9 - #CBC8F3

CSS codes

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

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