#CAFCA8 - #78D247 | 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 #CAFCA8 to #78D247

#CAFCA8 #78D247

Calculate the color between two colors, #CAFCA8 and #78D247. 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)

#CAFCA8 - #78D247 | 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 #CAFCA8 as 0% and #78D247 as 100%.

0.0%	0.0% #CAFCA8	RGB 202 252 168	#CAFCA8
16.7%	16.7% #BCF597	RGB 188 245 151	#BCF597
33.3%	33.3% #AEEE87	RGB 174 238 135	#AEEE87
50.0%	50.0% #A1E777	RGB 161 231 119	#A1E777
66.7%	66.7% #93E067	RGB 147 224 103	#93E067
83.3%	83.3% #85D957	RGB 133 217 87	#85D957
100.0%	100.0% #78D247	RGB 120 210 71	#78D247

#CAFCA8 #BCF597 #AEEE87 #A1E777 #93E067 #85D957 #78D247

#CAFCA8 - #78D247

HSV Blend

#CAFCA8 - #78D247 | 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 #CAFCA8 as 0% and #78D247 as 100%.

0.0%	0.0% #CAFCA8	RGB 202 252 168	#CAFCA8
16.7%	16.7% #BBF595	RGB 187 245 149	#BBF595
33.3%	33.3% #ADEE84	RGB 173 238 132	#ADEE84
50.0%	50.0% #9FE774	RGB 159 231 116	#9FE774
66.7%	66.7% #92E064	RGB 146 224 100	#92E064
83.3%	83.3% #84D955	RGB 132 217 85	#84D955
100.0%	100.0% #78D247	RGB 120 210 71	#78D247

#CAFCA8 #BBF595 #ADEE84 #9FE774 #92E064 #84D955 #78D247

#CAFCA8 - #9FE774 - #78D247

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAFCA8 0%, #9FE774 50%, #78D247 100%);
    background: -webkit-linear-gradient(top, #CAFCA8 0%, #9FE774 50%, #78D247 100%);
    background: linear-gradient(to bottom, #CAFCA8 0%, #9FE774 50%, #78D247 100%);
}
</style>