#67CA5E - #AFE394 | 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 #67CA5E to #AFE394

#67CA5E #AFE394

Calculate the color between two colors, #67CA5E and #AFE394. 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)

#67CA5E - #AFE394 | 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 #67CA5E as 0% and #AFE394 as 100%.

0.0%	0.0% #67CA5E	RGB 103 202 94	#67CA5E
16.7%	16.7% #73CE67	RGB 115 206 103	#73CE67
33.3%	33.3% #7FD270	RGB 127 210 112	#7FD270
50.0%	50.0% #8BD679	RGB 139 214 121	#8BD679
66.7%	66.7% #97DA82	RGB 151 218 130	#97DA82
83.3%	83.3% #A3DE8B	RGB 163 222 139	#A3DE8B
100.0%	100.0% #AFE394	RGB 175 227 148	#AFE394

#67CA5E #73CE67 #7FD270 #8BD679 #97DA82 #A3DE8B #AFE394

#67CA5E - #AFE394

HSV Blend

#67CA5E - #AFE394 | 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 #67CA5E as 0% and #AFE394 as 100%.

0.0%	0.0% #67CA5E	RGB 103 202 94	#67CA5E
16.7%	16.7% #73CE66	RGB 115 206 102	#73CE66
33.3%	33.3% #7FD26E	RGB 127 210 110	#7FD26E
50.0%	50.0% #8BD677	RGB 139 214 119	#8BD677
66.7%	66.7% #97DA80	RGB 151 218 128	#97DA80
83.3%	83.3% #A3DE8A	RGB 163 222 138	#A3DE8A
100.0%	100.0% #AFE394	RGB 175 227 148	#AFE394

#67CA5E #73CE66 #7FD26E #8BD677 #97DA80 #A3DE8A #AFE394

#67CA5E - #8BD677 - #AFE394

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #67CA5E 0%, #8BD677 50%, #AFE394 100%);
    background: -webkit-linear-gradient(top, #67CA5E 0%, #8BD677 50%, #AFE394 100%);
    background: linear-gradient(to bottom, #67CA5E 0%, #8BD677 50%, #AFE394 100%);
}
</style>