#E4EBF5 - #C8DFEC | 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 #E4EBF5 to #C8DFEC

#E4EBF5 #C8DFEC

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

#E4EBF5 - #C8DFEC | 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 #E4EBF5 as 0% and #C8DFEC as 100%.

0.0%	0.0% #E4EBF5	RGB 228 235 245	#E4EBF5
16.7%	16.7% #DFE9F3	RGB 223 233 243	#DFE9F3
33.3%	33.3% #DAE7F2	RGB 218 231 242	#DAE7F2
50.0%	50.0% #D6E5F0	RGB 214 229 240	#D6E5F0
66.7%	66.7% #D1E3EF	RGB 209 227 239	#D1E3EF
83.3%	83.3% #CCE1ED	RGB 204 225 237	#CCE1ED
100.0%	100.0% #C8DFEC	RGB 200 223 236	#C8DFEC

#E4EBF5 #DFE9F3 #DAE7F2 #D6E5F0 #D1E3EF #CCE1ED #C8DFEC

#E4EBF5 - #C8DFEC

HSV Blend

#E4EBF5 - #C8DFEC | 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 #E4EBF5 as 0% and #C8DFEC as 100%.

0.0%	0.0% #E4EBF5	RGB 228 235 245	#E4EBF5
16.7%	16.7% #DFE8F3	RGB 223 232 243	#DFE8F3
33.3%	33.3% #DAE5F2	RGB 218 229 242	#DAE5F2
50.0%	50.0% #D5E3F0	RGB 213 227 240	#D5E3F0
66.7%	66.7% #D1E1EF	RGB 209 225 239	#D1E1EF
83.3%	83.3% #CCE0ED	RGB 204 224 237	#CCE0ED
100.0%	100.0% #C8DFEC	RGB 200 223 236	#C8DFEC

#E4EBF5 #DFE8F3 #DAE5F2 #D5E3F0 #D1E1EF #CCE0ED #C8DFEC

#E4EBF5 - #D5E3F0 - #C8DFEC

CSS codes

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

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