#2E8C9F - #C3DEE3 | 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 #2E8C9F to #C3DEE3

#2E8C9F #C3DEE3

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

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

0.0%	0.0% #2E8C9F	RGB 46 140 159	#2E8C9F
16.7%	16.7% #4699AA	RGB 70 153 170	#4699AA
33.3%	33.3% #5FA7B5	RGB 95 167 181	#5FA7B5
50.0%	50.0% #78B5C1	RGB 120 181 193	#78B5C1
66.7%	66.7% #91C2CC	RGB 145 194 204	#91C2CC
83.3%	83.3% #AAD0D7	RGB 170 208 215	#AAD0D7
100.0%	100.0% #C3DEE3	RGB 195 222 227	#C3DEE3

#2E8C9F #4699AA #5FA7B5 #78B5C1 #91C2CC #AAD0D7 #C3DEE3

#2E8C9F - #C3DEE3

HSV Blend

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

0.0%	0.0% #2E8C9F	RGB 46 140 159	#2E8C9F
16.7%	16.7% #4198AA	RGB 65 152 170	#4198AA
33.3%	33.3% #57A6B5	RGB 87 166 181	#57A6B5
50.0%	50.0% #6EB3C1	RGB 110 179 193	#6EB3C1
66.7%	66.7% #88C1CC	RGB 136 193 204	#88C1CC
83.3%	83.3% #A4CFD7	RGB 164 207 215	#A4CFD7
100.0%	100.0% #C3DEE3	RGB 195 222 227	#C3DEE3

#2E8C9F #4198AA #57A6B5 #6EB3C1 #88C1CC #A4CFD7 #C3DEE3

#2E8C9F - #6EB3C1 - #C3DEE3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E8C9F 0%, #6EB3C1 50%, #C3DEE3 100%);
    background: -webkit-linear-gradient(top, #2E8C9F 0%, #6EB3C1 50%, #C3DEE3 100%);
    background: linear-gradient(to bottom, #2E8C9F 0%, #6EB3C1 50%, #C3DEE3 100%);
}
</style>