#C4D4F0 - #DFE5EB | 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 #C4D4F0 to #DFE5EB

#C4D4F0 #DFE5EB

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

#C4D4F0 - #DFE5EB | 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 #C4D4F0 as 0% and #DFE5EB as 100%.

0.0%	0.0% #C4D4F0	RGB 196 212 240	#C4D4F0
16.7%	16.7% #C8D6EF	RGB 200 214 239	#C8D6EF
33.3%	33.3% #CDD9EE	RGB 205 217 238	#CDD9EE
50.0%	50.0% #D1DCED	RGB 209 220 237	#D1DCED
66.7%	66.7% #D6DFEC	RGB 214 223 236	#D6DFEC
83.3%	83.3% #DAE2EB	RGB 218 226 235	#DAE2EB
100.0%	100.0% #DFE5EB	RGB 223 229 235	#DFE5EB

#C4D4F0 #C8D6EF #CDD9EE #D1DCED #D6DFEC #DAE2EB #DFE5EB

#C4D4F0 - #DFE5EB

HSV Blend

#C4D4F0 - #DFE5EB | 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 #C4D4F0 as 0% and #DFE5EB as 100%.

0.0%	0.0% #C4D4F0	RGB 196 212 240	#C4D4F0
16.7%	16.7% #C8D7EF	RGB 200 215 239	#C8D7EF
33.3%	33.3% #CDDAEE	RGB 205 218 238	#CDDAEE
50.0%	50.0% #D1DDED	RGB 209 221 237	#D1DDED
66.7%	66.7% #D6E0EC	RGB 214 224 236	#D6E0EC
83.3%	83.3% #DAE2EB	RGB 218 226 235	#DAE2EB
100.0%	100.0% #DFE5EB	RGB 223 229 235	#DFE5EB

#C4D4F0 #C8D7EF #CDDAEE #D1DDED #D6E0EC #DAE2EB #DFE5EB

#C4D4F0 - #D1DDED - #DFE5EB

CSS codes

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

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