#C7D7FE - #D1EBDF | 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 #C7D7FE to #D1EBDF

#C7D7FE #D1EBDF

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

#C7D7FE - #D1EBDF | 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 #C7D7FE as 0% and #D1EBDF as 100%.

0.0%	0.0% #C7D7FE	RGB 199 215 254	#C7D7FE
16.7%	16.7% #C8DAF8	RGB 200 218 248	#C8DAF8
33.3%	33.3% #CADDF3	RGB 202 221 243	#CADDF3
50.0%	50.0% #CCE1EE	RGB 204 225 238	#CCE1EE
66.7%	66.7% #CDE4E9	RGB 205 228 233	#CDE4E9
83.3%	83.3% #CFE7E4	RGB 207 231 228	#CFE7E4
100.0%	100.0% #D1EBDF	RGB 209 235 223	#D1EBDF

#C7D7FE #C8DAF8 #CADDF3 #CCE1EE #CDE4E9 #CFE7E4 #D1EBDF

#C7D7FE - #D1EBDF

HSV Blend

#C7D7FE - #D1EBDF | 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 #C7D7FE as 0% and #D1EBDF as 100%.

0.0%	0.0% #C7D7FE	RGB 199 215 254	#C7D7FE
16.7%	16.7% #C8E1FA	RGB 200 225 250	#C8E1FA
33.3%	33.3% #CAE9F7	RGB 202 233 247	#CAE9F7
50.0%	50.0% #CCEFF4	RGB 204 239 244	#CCEFF4
66.7%	66.7% #CEF1EE	RGB 206 241 238	#CEF1EE
83.3%	83.3% #CFEEE6	RGB 207 238 230	#CFEEE6
100.0%	100.0% #D1EBDF	RGB 209 235 223	#D1EBDF

#C7D7FE #C8E1FA #CAE9F7 #CCEFF4 #CEF1EE #CFEEE6 #D1EBDF

#C7D7FE - #CCEFF4 - #D1EBDF

CSS codes

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

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