#CAEBDF - #EFF9F5 | 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 #CAEBDF to #EFF9F5

#CAEBDF #EFF9F5

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

#CAEBDF - #EFF9F5 | 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 #CAEBDF as 0% and #EFF9F5 as 100%.

0.0%	0.0% #CAEBDF	RGB 202 235 223	#CAEBDF
16.7%	16.7% #D0EDE2	RGB 208 237 226	#D0EDE2
33.3%	33.3% #D6EFE6	RGB 214 239 230	#D6EFE6
50.0%	50.0% #DCF2EA	RGB 220 242 234	#DCF2EA
66.7%	66.7% #E2F4ED	RGB 226 244 237	#E2F4ED
83.3%	83.3% #E8F6F1	RGB 232 246 241	#E8F6F1
100.0%	100.0% #EFF9F5	RGB 239 249 245	#EFF9F5

#CAEBDF #D0EDE2 #D6EFE6 #DCF2EA #E2F4ED #E8F6F1 #EFF9F5

#CAEBDF - #EFF9F5

HSV Blend

#CAEBDF - #EFF9F5 | 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 #CAEBDF as 0% and #EFF9F5 as 100%.

0.0%	0.0% #CAEBDF	RGB 202 235 223	#CAEBDF
16.7%	16.7% #CFEDE2	RGB 207 237 226	#CFEDE2
33.3%	33.3% #D6EFE6	RGB 214 239 230	#D6EFE6
50.0%	50.0% #DCF2E9	RGB 220 242 233	#DCF2E9
66.7%	66.7% #E2F4ED	RGB 226 244 237	#E2F4ED
83.3%	83.3% #E8F6F1	RGB 232 246 241	#E8F6F1
100.0%	100.0% #EFF9F5	RGB 239 249 245	#EFF9F5

#CAEBDF #CFEDE2 #D6EFE6 #DCF2E9 #E2F4ED #E8F6F1 #EFF9F5

#CAEBDF - #DCF2E9 - #EFF9F5

CSS codes

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

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