#2F9ABC - #C3E2EB | 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 #2F9ABC to #C3E2EB

#2F9ABC #C3E2EB

Calculate the color between two colors, #2F9ABC and #C3E2EB. 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)

#2F9ABC - #C3E2EB | 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 #2F9ABC as 0% and #C3E2EB as 100%.

0.0%	0.0% #2F9ABC	RGB 47 154 188	#2F9ABC
16.7%	16.7% #47A6C3	RGB 71 166 195	#47A6C3
33.3%	33.3% #60B2CB	RGB 96 178 203	#60B2CB
50.0%	50.0% #79BED3	RGB 121 190 211	#79BED3
66.7%	66.7% #91CADB	RGB 145 202 219	#91CADB
83.3%	83.3% #AAD6E3	RGB 170 214 227	#AAD6E3
100.0%	100.0% #C3E2EB	RGB 195 226 235	#C3E2EB

#2F9ABC #47A6C3 #60B2CB #79BED3 #91CADB #AAD6E3 #C3E2EB

#2F9ABC - #C3E2EB

HSV Blend

#2F9ABC - #C3E2EB | 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 #2F9ABC as 0% and #C3E2EB as 100%.

0.0%	0.0% #2F99BC	RGB 47 153 188	#2F99BC
16.7%	16.7% #43A5C3	RGB 67 165 195	#43A5C3
33.3%	33.3% #5AB0CB	RGB 90 176 203	#5AB0CB
50.0%	50.0% #72BCD3	RGB 114 188 211	#72BCD3
66.7%	66.7% #8BC8DB	RGB 139 200 219	#8BC8DB
83.3%	83.3% #A6D5E3	RGB 166 213 227	#A6D5E3
100.0%	100.0% #C3E2EB	RGB 195 226 235	#C3E2EB

#2F99BC #43A5C3 #5AB0CB #72BCD3 #8BC8DB #A6D5E3 #C3E2EB

#2F9ABC - #72BCD3 - #C3E2EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F99BC 0%, #72BCD3 50%, #C3E2EB 100%);
    background: -webkit-linear-gradient(top, #2F99BC 0%, #72BCD3 50%, #C3E2EB 100%);
    background: linear-gradient(to bottom, #2F99BC 0%, #72BCD3 50%, #C3E2EB 100%);
}
</style>