#31E2B7 - #FAFFA8 | 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 #31E2B7 to #FAFFA8

#31E2B7 #FAFFA8

Calculate the color between two colors, #31E2B7 and #FAFFA8. 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)

#31E2B7 - #FAFFA8 | 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 #31E2B7 as 0% and #FAFFA8 as 100%.

0.0%	0.0% #31E2B7	RGB 49 226 183	#31E2B7
16.7%	16.7% #52E6B4	RGB 82 230 180	#52E6B4
33.3%	33.3% #74EBB2	RGB 116 235 178	#74EBB2
50.0%	50.0% #95F0AF	RGB 149 240 175	#95F0AF
66.7%	66.7% #B7F5AD	RGB 183 245 173	#B7F5AD
83.3%	83.3% #D8FAAA	RGB 216 250 170	#D8FAAA
100.0%	100.0% #FAFFA8	RGB 250 255 168	#FAFFA8

#31E2B7 #52E6B4 #74EBB2 #95F0AF #B7F5AD #D8FAAA #FAFFA8

#31E2B7 - #FAFFA8

HSV Blend

#31E2B7 - #FAFFA8 | 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 #31E2B7 as 0% and #FAFFA8 as 100%.

0.0%	0.0% #31E2B7	RGB 49 226 183	#31E2B7
16.7%	16.7% #43E690	RGB 67 230 144	#43E690
33.3%	33.3% #55EB72	RGB 85 235 114	#55EB72
50.0%	50.0% #75F069	RGB 117 240 105	#75F069
66.7%	66.7% #AAF57D	RGB 170 245 125	#AAF57D
83.3%	83.3% #D6FA92	RGB 214 250 146	#D6FA92
100.0%	100.0% #FAFFA8	RGB 250 255 168	#FAFFA8

#31E2B7 #43E690 #55EB72 #75F069 #AAF57D #D6FA92 #FAFFA8

#31E2B7 - #75F069 - #FAFFA8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #31E2B7 0%, #75F069 50%, #FAFFA8 100%);
    background: -webkit-linear-gradient(top, #31E2B7 0%, #75F069 50%, #FAFFA8 100%);
    background: linear-gradient(to bottom, #31E2B7 0%, #75F069 50%, #FAFFA8 100%);
}
</style>