#CFD4F3 - #DBE6ED | 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 #CFD4F3 to #DBE6ED

#CFD4F3 #DBE6ED

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

#CFD4F3 - #DBE6ED | 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 #CFD4F3 as 0% and #DBE6ED as 100%.

0.0%	0.0% #CFD4F3	RGB 207 212 243	#CFD4F3
16.7%	16.7% #D1D7F2	RGB 209 215 242	#D1D7F2
33.3%	33.3% #D3DAF1	RGB 211 218 241	#D3DAF1
50.0%	50.0% #D5DDF0	RGB 213 221 240	#D5DDF0
66.7%	66.7% #D7E0EF	RGB 215 224 239	#D7E0EF
83.3%	83.3% #D9E3EE	RGB 217 227 238	#D9E3EE
100.0%	100.0% #DBE6ED	RGB 219 230 237	#DBE6ED

#CFD4F3 #D1D7F2 #D3DAF1 #D5DDF0 #D7E0EF #D9E3EE #DBE6ED

#CFD4F3 - #DBE6ED

HSV Blend

#CFD4F3 - #DBE6ED | 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 #CFD4F3 as 0% and #DBE6ED as 100%.

0.0%	0.0% #CFD4F3	RGB 207 212 243	#CFD4F3
16.7%	16.7% #D1D8F2	RGB 209 216 242	#D1D8F2
33.3%	33.3% #D3DBF1	RGB 211 219 241	#D3DBF1
50.0%	50.0% #D5DFF0	RGB 213 223 240	#D5DFF0
66.7%	66.7% #D7E1EF	RGB 215 225 239	#D7E1EF
83.3%	83.3% #D9E4EE	RGB 217 228 238	#D9E4EE
100.0%	100.0% #DBE6ED	RGB 219 230 237	#DBE6ED

#CFD4F3 #D1D8F2 #D3DBF1 #D5DFF0 #D7E1EF #D9E4EE #DBE6ED

#CFD4F3 - #D5DFF0 - #DBE6ED

CSS codes

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

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