#E2F3E5 - #CAECCF | 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 #E2F3E5 to #CAECCF

#E2F3E5 #CAECCF

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

#E2F3E5 - #CAECCF | 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 #E2F3E5 as 0% and #CAECCF as 100%.

0.0%	0.0% #E2F3E5	RGB 226 243 229	#E2F3E5
16.7%	16.7% #DEF1E1	RGB 222 241 225	#DEF1E1
33.3%	33.3% #DAF0DD	RGB 218 240 221	#DAF0DD
50.0%	50.0% #D6EFDA	RGB 214 239 218	#D6EFDA
66.7%	66.7% #D2EED6	RGB 210 238 214	#D2EED6
83.3%	83.3% #CEEDD2	RGB 206 237 210	#CEEDD2
100.0%	100.0% #CAECCF	RGB 202 236 207	#CAECCF

#E2F3E5 #DEF1E1 #DAF0DD #D6EFDA #D2EED6 #CEEDD2 #CAECCF

#E2F3E5 - #CAECCF

HSV Blend

#E2F3E5 - #CAECCF | 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 #E2F3E5 as 0% and #CAECCF as 100%.

0.0%	0.0% #E2F3E5	RGB 226 243 229	#E2F3E5
16.7%	16.7% #DDF1E1	RGB 221 241 225	#DDF1E1
33.3%	33.3% #D9F0DD	RGB 217 240 221	#D9F0DD
50.0%	50.0% #D5EFDA	RGB 213 239 218	#D5EFDA
66.7%	66.7% #D1EED6	RGB 209 238 214	#D1EED6
83.3%	83.3% #CDEDD2	RGB 205 237 210	#CDEDD2
100.0%	100.0% #CAECCF	RGB 202 236 207	#CAECCF

#E2F3E5 #DDF1E1 #D9F0DD #D5EFDA #D1EED6 #CDEDD2 #CAECCF

#E2F3E5 - #D5EFDA - #CAECCF

CSS codes

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

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