#DBBFF5 - #D2DFE6 | 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 #DBBFF5 to #D2DFE6

#DBBFF5 #D2DFE6

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

#DBBFF5 - #D2DFE6 | 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 #DBBFF5 as 0% and #D2DFE6 as 100%.

0.0%	0.0% #DBBFF5	RGB 219 191 245	#DBBFF5
16.7%	16.7% #D9C4F2	RGB 217 196 242	#D9C4F2
33.3%	33.3% #D8C9F0	RGB 216 201 240	#D8C9F0
50.0%	50.0% #D6CFED	RGB 214 207 237	#D6CFED
66.7%	66.7% #D5D4EB	RGB 213 212 235	#D5D4EB
83.3%	83.3% #D3D9E8	RGB 211 217 232	#D3D9E8
100.0%	100.0% #D2DFE6	RGB 210 223 230	#D2DFE6

#DBBFF5 #D9C4F2 #D8C9F0 #D6CFED #D5D4EB #D3D9E8 #D2DFE6

#DBBFF5 - #D2DFE6

HSV Blend

#DBBFF5 - #D2DFE6 | 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 #DBBFF5 as 0% and #D2DFE6 as 100%.

0.0%	0.0% #DBBFF5	RGB 219 191 245	#DBBFF5
16.7%	16.7% #D2C2F2	RGB 210 194 242	#D2C2F2
33.3%	33.3% #CBC5F0	RGB 203 197 240	#CBC5F0
50.0%	50.0% #C9CBED	RGB 201 203 237	#C9CBED
66.7%	66.7% #CCD4EB	RGB 204 212 235	#CCD4EB
83.3%	83.3% #CFDAE8	RGB 207 218 232	#CFDAE8
100.0%	100.0% #D2DFE6	RGB 210 223 230	#D2DFE6

#DBBFF5 #D2C2F2 #CBC5F0 #C9CBED #CCD4EB #CFDAE8 #D2DFE6

#DBBFF5 - #C9CBED - #D2DFE6

CSS codes

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

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