#DBBCCF - #DBDDDF | 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 #DBBCCF to #DBDDDF

#DBBCCF #DBDDDF

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

#DBBCCF - #DBDDDF | 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 #DBBCCF as 0% and #DBDDDF as 100%.

0.0%	0.0% #DBBCCF	RGB 219 188 207	#DBBCCF
16.7%	16.7% #DBC1D1	RGB 219 193 209	#DBC1D1
33.3%	33.3% #DBC7D4	RGB 219 199 212	#DBC7D4
50.0%	50.0% #DBCCD7	RGB 219 204 215	#DBCCD7
66.7%	66.7% #DBD2D9	RGB 219 210 217	#DBD2D9
83.3%	83.3% #DBD7DC	RGB 219 215 220	#DBD7DC
100.0%	100.0% #DBDDDF	RGB 219 221 223	#DBDDDF

#DBBCCF #DBC1D1 #DBC7D4 #DBCCD7 #DBD2D9 #DBD7DC #DBDDDF

#DBBCCF - #DBDDDF

HSV Blend

#DBBCCF - #DBDDDF | 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 #DBBCCF as 0% and #DBDDDF as 100%.

0.0%	0.0% #DBBCCF	RGB 219 188 207	#DBBCCF
16.7%	16.7% #DBC1D9	RGB 219 193 217	#DBC1D9
33.3%	33.3% #D6C6DC	RGB 214 198 220	#D6C6DC
50.0%	50.0% #D3CBDD	RGB 211 203 221	#D3CBDD
66.7%	66.7% #D2D0DD	RGB 210 208 221	#D2D0DD
83.3%	83.3% #D5D7DE	RGB 213 215 222	#D5D7DE
100.0%	100.0% #DBDDDF	RGB 219 221 223	#DBDDDF

#DBBCCF #DBC1D9 #D6C6DC #D3CBDD #D2D0DD #D5D7DE #DBDDDF

#DBBCCF - #D3CBDD - #DBDDDF

CSS codes

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

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