#5EBEB4 - #CFE2AC | 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 #5EBEB4 to #CFE2AC

#5EBEB4 #CFE2AC

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

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

0.0%	0.0% #5EBEB4	RGB 94 190 180	#5EBEB4
16.7%	16.7% #70C4B2	RGB 112 196 178	#70C4B2
33.3%	33.3% #83CAB1	RGB 131 202 177	#83CAB1
50.0%	50.0% #96D0B0	RGB 150 208 176	#96D0B0
66.7%	66.7% #A9D6AE	RGB 169 214 174	#A9D6AE
83.3%	83.3% #BCDCAD	RGB 188 220 173	#BCDCAD
100.0%	100.0% #CFE2AC	RGB 207 226 172	#CFE2AC

#5EBEB4 #70C4B2 #83CAB1 #96D0B0 #A9D6AE #BCDCAD #CFE2AC

#5EBEB4 - #CFE2AC

HSV Blend

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

0.0%	0.0% #5EBEB4	RGB 94 190 180	#5EBEB4
16.7%	16.7% #69C4A3	RGB 105 196 163	#69C4A3
33.3%	33.3% #75CA95	RGB 117 202 149	#75CA95
50.0%	50.0% #82D08C	RGB 130 208 140	#82D08C
66.7%	66.7% #99D68F	RGB 153 214 143	#99D68F
83.3%	83.3% #B6DC9D	RGB 182 220 157	#B6DC9D
100.0%	100.0% #CFE2AC	RGB 207 226 172	#CFE2AC

#5EBEB4 #69C4A3 #75CA95 #82D08C #99D68F #B6DC9D #CFE2AC

#5EBEB4 - #82D08C - #CFE2AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EBEB4 0%, #82D08C 50%, #CFE2AC 100%);
    background: -webkit-linear-gradient(top, #5EBEB4 0%, #82D08C 50%, #CFE2AC 100%);
    background: linear-gradient(to bottom, #5EBEB4 0%, #82D08C 50%, #CFE2AC 100%);
}
</style>