#DBCFF7 - #DFDEF1 | 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 #DBCFF7 to #DFDEF1

#DBCFF7 #DFDEF1

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

#DBCFF7 - #DFDEF1 | 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 #DBCFF7 as 0% and #DFDEF1 as 100%.

0.0%	0.0% #DBCFF7	RGB 219 207 247	#DBCFF7
16.7%	16.7% #DBD1F6	RGB 219 209 246	#DBD1F6
33.3%	33.3% #DCD4F5	RGB 220 212 245	#DCD4F5
50.0%	50.0% #DDD6F4	RGB 221 214 244	#DDD6F4
66.7%	66.7% #DDD9F3	RGB 221 217 243	#DDD9F3
83.3%	83.3% #DEDBF2	RGB 222 219 242	#DEDBF2
100.0%	100.0% #DFDEF1	RGB 223 222 241	#DFDEF1

#DBCFF7 #DBD1F6 #DCD4F5 #DDD6F4 #DDD9F3 #DEDBF2 #DFDEF1

#DBCFF7 - #DFDEF1

HSV Blend

#DBCFF7 - #DFDEF1 | 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 #DBCFF7 as 0% and #DFDEF1 as 100%.

0.0%	0.0% #DBCFF7	RGB 219 207 247	#DBCFF7
16.7%	16.7% #DAD1F6	RGB 218 209 246	#DAD1F6
33.3%	33.3% #DBD4F5	RGB 219 212 245	#DBD4F5
50.0%	50.0% #DBD6F4	RGB 219 214 244	#DBD6F4
66.7%	66.7% #DCD9F3	RGB 220 217 243	#DCD9F3
83.3%	83.3% #DDDBF2	RGB 221 219 242	#DDDBF2
100.0%	100.0% #DFDEF1	RGB 223 222 241	#DFDEF1

#DBCFF7 #DAD1F6 #DBD4F5 #DBD6F4 #DCD9F3 #DDDBF2 #DFDEF1

#DBCFF7 - #DBD6F4 - #DFDEF1

CSS codes

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

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