#DBCCDF - #E3E5E6 | 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 #DBCCDF to #E3E5E6

#DBCCDF #E3E5E6

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

#DBCCDF - #E3E5E6 | 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 #DBCCDF as 0% and #E3E5E6 as 100%.

0.0%	0.0% #DBCCDF	RGB 219 204 223	#DBCCDF
16.7%	16.7% #DCD0E0	RGB 220 208 224	#DCD0E0
33.3%	33.3% #DDD4E1	RGB 221 212 225	#DDD4E1
50.0%	50.0% #DFD8E2	RGB 223 216 226	#DFD8E2
66.7%	66.7% #E0DCE3	RGB 224 220 227	#E0DCE3
83.3%	83.3% #E1E0E4	RGB 225 224 228	#E1E0E4
100.0%	100.0% #E3E5E6	RGB 227 229 230	#E3E5E6

#DBCCDF #DCD0E0 #DDD4E1 #DFD8E2 #E0DCE3 #E1E0E4 #E3E5E6

#DBCCDF - #E3E5E6

HSV Blend

#DBCCDF - #E3E5E6 | 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 #DBCCDF as 0% and #E3E5E6 as 100%.

0.0%	0.0% #DBCCDF	RGB 219 204 223	#DBCCDF
16.7%	16.7% #D8CFE0	RGB 216 207 224	#D8CFE0
33.3%	33.3% #D7D3E1	RGB 215 211 225	#D7D3E1
50.0%	50.0% #D8D7E2	RGB 216 215 226	#D8D7E2
66.7%	66.7% #DBDCE3	RGB 219 220 227	#DBDCE3
83.3%	83.3% #DFE1E4	RGB 223 225 228	#DFE1E4
100.0%	100.0% #E3E5E6	RGB 227 229 230	#E3E5E6

#DBCCDF #D8CFE0 #D7D3E1 #D8D7E2 #DBDCE3 #DFE1E4 #E3E5E6

#DBCCDF - #D8D7E2 - #E3E5E6

CSS codes

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

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