#DBD5E4 - #C7C9E8 | 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 #DBD5E4 to #C7C9E8

#DBD5E4 #C7C9E8

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

#DBD5E4 - #C7C9E8 | 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 #DBD5E4 as 0% and #C7C9E8 as 100%.

0.0%	0.0% #DBD5E4	RGB 219 213 228	#DBD5E4
16.7%	16.7% #D7D3E4	RGB 215 211 228	#D7D3E4
33.3%	33.3% #D4D1E5	RGB 212 209 229	#D4D1E5
50.0%	50.0% #D1CFE6	RGB 209 207 230	#D1CFE6
66.7%	66.7% #CDCDE6	RGB 205 205 230	#CDCDE6
83.3%	83.3% #CACBE7	RGB 202 203 231	#CACBE7
100.0%	100.0% #C7C9E8	RGB 199 201 232	#C7C9E8

#DBD5E4 #D7D3E4 #D4D1E5 #D1CFE6 #CDCDE6 #CACBE7 #C7C9E8

#DBD5E4 - #C7C9E8

HSV Blend

#DBD5E4 - #C7C9E8 | 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 #DBD5E4 as 0% and #C7C9E8 as 100%.

0.0%	0.0% #DBD5E4	RGB 219 213 228	#DBD5E4
16.7%	16.7% #D8D2E4	RGB 216 210 228	#D8D2E4
33.3%	33.3% #D5D0E5	RGB 213 208 229	#D5D0E5
50.0%	50.0% #D2CEE6	RGB 210 206 230	#D2CEE6
66.7%	66.7% #CECBE6	RGB 206 203 230	#CECBE6
83.3%	83.3% #C9C9E7	RGB 201 201 231	#C9C9E7
100.0%	100.0% #C7C9E8	RGB 199 201 232	#C7C9E8

#DBD5E4 #D8D2E4 #D5D0E5 #D2CEE6 #CECBE6 #C9C9E7 #C7C9E8

#DBD5E4 - #D2CEE6 - #C7C9E8

CSS codes

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

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