#4ECCCE - #B6D6FF | 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 #4ECCCE to #B6D6FF

#4ECCCE #B6D6FF

Calculate the color between two colors, #4ECCCE and #B6D6FF. 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)

#4ECCCE - #B6D6FF | 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 #4ECCCE as 0% and #B6D6FF as 100%.

0.0%	0.0% #4ECCCE	RGB 78 204 206	#4ECCCE
16.7%	16.7% #5FCDD6	RGB 95 205 214	#5FCDD6
33.3%	33.3% #70CFDE	RGB 112 207 222	#70CFDE
50.0%	50.0% #82D1E6	RGB 130 209 230	#82D1E6
66.7%	66.7% #93D2EE	RGB 147 210 238	#93D2EE
83.3%	83.3% #A4D4F6	RGB 164 212 246	#A4D4F6
100.0%	100.0% #B6D6FF	RGB 182 214 255	#B6D6FF

#4ECCCE #5FCDD6 #70CFDE #82D1E6 #93D2EE #A4D4F6 #B6D6FF

#4ECCCE - #B6D6FF

HSV Blend

#4ECCCE - #B6D6FF | 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 #4ECCCE as 0% and #B6D6FF as 100%.

0.0%	0.0% #4ECCCE	RGB 78 204 206	#4ECCCE
16.7%	16.7% #5DC9D6	RGB 93 201 214	#5DC9D6
33.3%	33.3% #6DC7DE	RGB 109 199 222	#6DC7DE
50.0%	50.0% #7DC8E6	RGB 125 200 230	#7DC8E6
66.7%	66.7% #8FCAEE	RGB 143 202 238	#8FCAEE
83.3%	83.3% #A2CFF6	RGB 162 207 246	#A2CFF6
100.0%	100.0% #B6D6FF	RGB 182 214 255	#B6D6FF

#4ECCCE #5DC9D6 #6DC7DE #7DC8E6 #8FCAEE #A2CFF6 #B6D6FF

#4ECCCE - #7DC8E6 - #B6D6FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4ECCCE 0%, #7DC8E6 50%, #B6D6FF 100%);
    background: -webkit-linear-gradient(top, #4ECCCE 0%, #7DC8E6 50%, #B6D6FF 100%);
    background: linear-gradient(to bottom, #4ECCCE 0%, #7DC8E6 50%, #B6D6FF 100%);
}
</style>