#5EA9AD - #CECCC3 | 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 #5EA9AD to #CECCC3

#5EA9AD #CECCC3

Calculate the color between two colors, #5EA9AD and #CECCC3. 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)

#5EA9AD - #CECCC3 | 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 #5EA9AD as 0% and #CECCC3 as 100%.

0.0%	0.0% #5EA9AD	RGB 94 169 173	#5EA9AD
16.7%	16.7% #70AEB0	RGB 112 174 176	#70AEB0
33.3%	33.3% #83B4B4	RGB 131 180 180	#83B4B4
50.0%	50.0% #96BAB8	RGB 150 186 184	#96BAB8
66.7%	66.7% #A8C0BB	RGB 168 192 187	#A8C0BB
83.3%	83.3% #BBC6BF	RGB 187 198 191	#BBC6BF
100.0%	100.0% #CECCC3	RGB 206 204 195	#CECCC3

#5EA9AD #70AEB0 #83B4B4 #96BAB8 #A8C0BB #BBC6BF #CECCC3

#5EA9AD - #CECCC3

HSV Blend

#5EA9AD - #CECCC3 | 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 #5EA9AD as 0% and #CECCC3 as 100%.

0.0%	0.0% #5EA9AD	RGB 94 169 173	#5EA9AD
16.7%	16.7% #6CB29C	RGB 108 178 156	#6CB29C
33.3%	33.3% #7CB88E	RGB 124 184 142	#7CB88E
50.0%	50.0% #90BD8D	RGB 144 189 141	#90BD8D
66.7%	66.7% #AEC39E	RGB 174 195 158	#AEC39E
83.3%	83.3% #C3C8B0	RGB 195 200 176	#C3C8B0
100.0%	100.0% #CECCC3	RGB 206 204 195	#CECCC3

#5EA9AD #6CB29C #7CB88E #90BD8D #AEC39E #C3C8B0 #CECCC3

#5EA9AD - #90BD8D - #CECCC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EA9AD 0%, #90BD8D 50%, #CECCC3 100%);
    background: -webkit-linear-gradient(top, #5EA9AD 0%, #90BD8D 50%, #CECCC3 100%);
    background: linear-gradient(to bottom, #5EA9AD 0%, #90BD8D 50%, #CECCC3 100%);
}
</style>