#C2EDD6 - #EFF3FD | 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 #C2EDD6 to #EFF3FD

#C2EDD6 #EFF3FD

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

#C2EDD6 - #EFF3FD | 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 #C2EDD6 as 0% and #EFF3FD as 100%.

0.0%	0.0% #C2EDD6	RGB 194 237 214	#C2EDD6
16.7%	16.7% #C9EEDC	RGB 201 238 220	#C9EEDC
33.3%	33.3% #D1EFE3	RGB 209 239 227	#D1EFE3
50.0%	50.0% #D8F0E9	RGB 216 240 233	#D8F0E9
66.7%	66.7% #E0F1F0	RGB 224 241 240	#E0F1F0
83.3%	83.3% #E7F2F6	RGB 231 242 246	#E7F2F6
100.0%	100.0% #EFF3FD	RGB 239 243 253	#EFF3FD

#C2EDD6 #C9EEDC #D1EFE3 #D8F0E9 #E0F1F0 #E7F2F6 #EFF3FD

#C2EDD6 - #EFF3FD

HSV Blend

#C2EDD6 - #EFF3FD | 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 #C2EDD6 as 0% and #EFF3FD as 100%.

0.0%	0.0% #C2EDD6	RGB 194 237 214	#C2EDD6
16.7%	16.7% #C9EFE3	RGB 201 239 227	#C9EFE3
33.3%	33.3% #D0F2EE	RGB 208 242 238	#D0F2EE
50.0%	50.0% #D7F2F5	RGB 215 242 245	#D7F2F5
66.7%	66.7% #DFF0F7	RGB 223 240 247	#DFF0F7
83.3%	83.3% #E7F0FA	RGB 231 240 250	#E7F0FA
100.0%	100.0% #EFF3FD	RGB 239 243 253	#EFF3FD

#C2EDD6 #C9EFE3 #D0F2EE #D7F2F5 #DFF0F7 #E7F0FA #EFF3FD

#C2EDD6 - #D7F2F5 - #EFF3FD

CSS codes

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

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