#DBCFF4 - #DFDEEF | 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 #DBCFF4 to #DFDEEF

#DBCFF4 #DFDEEF

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

#DBCFF4 - #DFDEEF | 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 #DBCFF4 as 0% and #DFDEEF as 100%.

0.0%	0.0% #DBCFF4	RGB 219 207 244	#DBCFF4
16.7%	16.7% #DBD1F3	RGB 219 209 243	#DBD1F3
33.3%	33.3% #DCD4F2	RGB 220 212 242	#DCD4F2
50.0%	50.0% #DDD6F1	RGB 221 214 241	#DDD6F1
66.7%	66.7% #DDD9F0	RGB 221 217 240	#DDD9F0
83.3%	83.3% #DEDBEF	RGB 222 219 239	#DEDBEF
100.0%	100.0% #DFDEEF	RGB 223 222 239	#DFDEEF

#DBCFF4 #DBD1F3 #DCD4F2 #DDD6F1 #DDD9F0 #DEDBEF #DFDEEF

#DBCFF4 - #DFDEEF

HSV Blend

#DBCFF4 - #DFDEEF | 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 #DBCFF4 as 0% and #DFDEEF as 100%.

0.0%	0.0% #DBCFF4	RGB 219 207 244	#DBCFF4
16.7%	16.7% #DAD1F3	RGB 218 209 243	#DAD1F3
33.3%	33.3% #DBD4F2	RGB 219 212 242	#DBD4F2
50.0%	50.0% #DBD6F1	RGB 219 214 241	#DBD6F1
66.7%	66.7% #DCD9F0	RGB 220 217 240	#DCD9F0
83.3%	83.3% #DDDBEF	RGB 221 219 239	#DDDBEF
100.0%	100.0% #DFDEEF	RGB 223 222 239	#DFDEEF

#DBCFF4 #DAD1F3 #DBD4F2 #DBD6F1 #DCD9F0 #DDDBEF #DFDEEF

#DBCFF4 - #DBD6F1 - #DFDEEF

CSS codes

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

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