#5EECC2 - #FDF1AE | 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 #5EECC2 to #FDF1AE

#5EECC2 #FDF1AE

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

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

0.0%	0.0% #5EECC2	RGB 94 236 194	#5EECC2
16.7%	16.7% #78ECBE	RGB 120 236 190	#78ECBE
33.3%	33.3% #93EDBB	RGB 147 237 187	#93EDBB
50.0%	50.0% #ADEEB8	RGB 173 238 184	#ADEEB8
66.7%	66.7% #C8EFB4	RGB 200 239 180	#C8EFB4
83.3%	83.3% #E2F0B1	RGB 226 240 177	#E2F0B1
100.0%	100.0% #FDF1AE	RGB 253 241 174	#FDF1AE

#5EECC2 #78ECBE #93EDBB #ADEEB8 #C8EFB4 #E2F0B1 #FDF1AE

#5EECC2 - #FDF1AE

HSV Blend

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

0.0%	0.0% #5EECC2	RGB 94 236 194	#5EECC2
16.7%	16.7% #6AEE9E	RGB 106 238 158	#6AEE9E
33.3%	33.3% #77F182	RGB 119 241 130	#77F182
50.0%	50.0% #9DF484	RGB 157 244 132	#9DF484
66.7%	66.7% #C8F792	RGB 200 247 146	#C8F792
83.3%	83.3% #EBFA9F	RGB 235 250 159	#EBFA9F
100.0%	100.0% #FDF1AE	RGB 253 241 174	#FDF1AE

#5EECC2 #6AEE9E #77F182 #9DF484 #C8F792 #EBFA9F #FDF1AE

#5EECC2 - #9DF484 - #FDF1AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EECC2 0%, #9DF484 50%, #FDF1AE 100%);
    background: -webkit-linear-gradient(top, #5EECC2 0%, #9DF484 50%, #FDF1AE 100%);
    background: linear-gradient(to bottom, #5EECC2 0%, #9DF484 50%, #FDF1AE 100%);
}
</style>