#DBCED2 - #FFDBF0 | 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 #DBCED2 to #FFDBF0

#DBCED2 #FFDBF0

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

#DBCED2 - #FFDBF0 | 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 #DBCED2 as 0% and #FFDBF0 as 100%.

0.0%	0.0% #DBCED2	RGB 219 206 210	#DBCED2
16.7%	16.7% #E1D0D7	RGB 225 208 215	#E1D0D7
33.3%	33.3% #E7D2DC	RGB 231 210 220	#E7D2DC
50.0%	50.0% #EDD4E1	RGB 237 212 225	#EDD4E1
66.7%	66.7% #F3D6E6	RGB 243 214 230	#F3D6E6
83.3%	83.3% #F9D8EB	RGB 249 216 235	#F9D8EB
100.0%	100.0% #FFDBF0	RGB 255 219 240	#FFDBF0

#DBCED2 #E1D0D7 #E7D2DC #EDD4E1 #F3D6E6 #F9D8EB #FFDBF0

#DBCED2 - #FFDBF0

HSV Blend

#DBCED2 - #FFDBF0 | 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 #DBCED2 as 0% and #FFDBF0 as 100%.

0.0%	0.0% #DBCED2	RGB 219 206 210	#DBCED2
16.7%	16.7% #E1D0D6	RGB 225 208 214	#E1D0D6
33.3%	33.3% #E7D2DA	RGB 231 210 218	#E7D2DA
50.0%	50.0% #EDD5DF	RGB 237 213 223	#EDD5DF
66.7%	66.7% #F3D7E4	RGB 243 215 228	#F3D7E4
83.3%	83.3% #F9D9EA	RGB 249 217 234	#F9D9EA
100.0%	100.0% #FFDBF0	RGB 255 219 240	#FFDBF0

#DBCED2 #E1D0D6 #E7D2DA #EDD5DF #F3D7E4 #F9D9EA #FFDBF0

#DBCED2 - #EDD5DF - #FFDBF0

CSS codes

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

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