#75DCBB - #F2FEA4 | 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 #75DCBB to #F2FEA4

#75DCBB #F2FEA4

Calculate the color between two colors, #75DCBB and #F2FEA4. 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)

#75DCBB - #F2FEA4 | 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 #75DCBB as 0% and #F2FEA4 as 100%.

0.0%	0.0% #75DCBB	RGB 117 220 187	#75DCBB
16.7%	16.7% #89E1B7	RGB 137 225 183	#89E1B7
33.3%	33.3% #9EE7B3	RGB 158 231 179	#9EE7B3
50.0%	50.0% #B3EDAF	RGB 179 237 175	#B3EDAF
66.7%	66.7% #C8F2AB	RGB 200 242 171	#C8F2AB
83.3%	83.3% #DDF8A7	RGB 221 248 167	#DDF8A7
100.0%	100.0% #F2FEA4	RGB 242 254 164	#F2FEA4

#75DCBB #89E1B7 #9EE7B3 #B3EDAF #C8F2AB #DDF8A7 #F2FEA4

#75DCBB - #F2FEA4

HSV Blend

#75DCBB - #F2FEA4 | 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 #75DCBB as 0% and #F2FEA4 as 100%.

0.0%	0.0% #75DCBB	RGB 117 220 187	#75DCBB
16.7%	16.7% #7CE1A7	RGB 124 225 167	#7CE1A7
33.3%	33.3% #83E794	RGB 131 231 148	#83E794
50.0%	50.0% #94ED8B	RGB 148 237 139	#94ED8B
66.7%	66.7% #B4F293	RGB 180 242 147	#B4F293
83.3%	83.3% #D4F89B	RGB 212 248 155	#D4F89B
100.0%	100.0% #F2FEA4	RGB 242 254 164	#F2FEA4

#75DCBB #7CE1A7 #83E794 #94ED8B #B4F293 #D4F89B #F2FEA4

#75DCBB - #94ED8B - #F2FEA4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #75DCBB 0%, #94ED8B 50%, #F2FEA4 100%);
    background: -webkit-linear-gradient(top, #75DCBB 0%, #94ED8B 50%, #F2FEA4 100%);
    background: linear-gradient(to bottom, #75DCBB 0%, #94ED8B 50%, #F2FEA4 100%);
}
</style>