#D2B7FF - #D4DCFD | 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 #D2B7FF to #D4DCFD

#D2B7FF #D4DCFD

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

#D2B7FF - #D4DCFD | 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 #D2B7FF as 0% and #D4DCFD as 100%.

0.0%	0.0% #D2B7FF	RGB 210 183 255	#D2B7FF
16.7%	16.7% #D2BDFE	RGB 210 189 254	#D2BDFE
33.3%	33.3% #D2C3FE	RGB 210 195 254	#D2C3FE
50.0%	50.0% #D3C9FE	RGB 211 201 254	#D3C9FE
66.7%	66.7% #D3CFFD	RGB 211 207 253	#D3CFFD
83.3%	83.3% #D3D5FD	RGB 211 213 253	#D3D5FD
100.0%	100.0% #D4DCFD	RGB 212 220 253	#D4DCFD

#D2B7FF #D2BDFE #D2C3FE #D3C9FE #D3CFFD #D3D5FD #D4DCFD

#D2B7FF - #D4DCFD

HSV Blend

#D2B7FF - #D4DCFD | 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 #D2B7FF as 0% and #D4DCFD as 100%.

0.0%	0.0% #D2B7FF	RGB 210 183 255	#D2B7FF
16.7%	16.7% #CEBBFE	RGB 206 187 254	#CEBBFE
33.3%	33.3% #CCC0FE	RGB 204 192 254	#CCC0FE
50.0%	50.0% #CAC5FE	RGB 202 197 254	#CAC5FE
66.7%	66.7% #CACAFD	RGB 202 202 253	#CACAFD
83.3%	83.3% #CFD3FD	RGB 207 211 253	#CFD3FD
100.0%	100.0% #D4DCFD	RGB 212 220 253	#D4DCFD

#D2B7FF #CEBBFE #CCC0FE #CAC5FE #CACAFD #CFD3FD #D4DCFD

#D2B7FF - #CAC5FE - #D4DCFD

CSS codes

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

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