#CFD1FF - #D3DAE6 | 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 #CFD1FF to #D3DAE6

#CFD1FF #D3DAE6

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

#CFD1FF - #D3DAE6 | 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 #CFD1FF as 0% and #D3DAE6 as 100%.

0.0%	0.0% #CFD1FF	RGB 207 209 255	#CFD1FF
16.7%	16.7% #CFD2FA	RGB 207 210 250	#CFD2FA
33.3%	33.3% #D0D4F6	RGB 208 212 246	#D0D4F6
50.0%	50.0% #D1D5F2	RGB 209 213 242	#D1D5F2
66.7%	66.7% #D1D7EE	RGB 209 215 238	#D1D7EE
83.3%	83.3% #D2D8EA	RGB 210 216 234	#D2D8EA
100.0%	100.0% #D3DAE6	RGB 211 218 230	#D3DAE6

#CFD1FF #CFD2FA #D0D4F6 #D1D5F2 #D1D7EE #D2D8EA #D3DAE6

#CFD1FF - #D3DAE6

HSV Blend

#CFD1FF - #D3DAE6 | 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 #CFD1FF as 0% and #D3DAE6 as 100%.

0.0%	0.0% #CFD1FF	RGB 207 209 255	#CFD1FF
16.7%	16.7% #D0D4FA	RGB 208 212 250	#D0D4FA
33.3%	33.3% #D0D6F6	RGB 208 214 246	#D0D6F6
50.0%	50.0% #D1D8F2	RGB 209 216 242	#D1D8F2
66.7%	66.7% #D2D9EE	RGB 210 217 238	#D2D9EE
83.3%	83.3% #D2DAEA	RGB 210 218 234	#D2DAEA
100.0%	100.0% #D3DAE6	RGB 211 218 230	#D3DAE6

#CFD1FF #D0D4FA #D0D6F6 #D1D8F2 #D2D9EE #D2DAEA #D3DAE6

#CFD1FF - #D1D8F2 - #D3DAE6

CSS codes

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

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