#61BF5E - #FFF381 | 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 #61BF5E to #FFF381

#61BF5E #FFF381

Calculate the color between two colors, #61BF5E and #FFF381. 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)

#61BF5E - #FFF381 | 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 #61BF5E as 0% and #FFF381 as 100%.

0.0%	0.0% #61BF5E	RGB 97 191 94	#61BF5E
16.7%	16.7% #7BC763	RGB 123 199 99	#7BC763
33.3%	33.3% #95D069	RGB 149 208 105	#95D069
50.0%	50.0% #B0D96F	RGB 176 217 111	#B0D96F
66.7%	66.7% #CAE175	RGB 202 225 117	#CAE175
83.3%	83.3% #E4EA7B	RGB 228 234 123	#E4EA7B
100.0%	100.0% #FFF381	RGB 255 243 129	#FFF381

#61BF5E #7BC763 #95D069 #B0D96F #CAE175 #E4EA7B #FFF381

#61BF5E - #FFF381

HSV Blend

#61BF5E - #FFF381 | 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 #61BF5E as 0% and #FFF381 as 100%.

0.0%	0.0% #61BF5E	RGB 97 191 94	#61BF5E
16.7%	16.7% #78C963	RGB 120 201 99	#78C963
33.3%	33.3% #92D469	RGB 146 212 105	#92D469
50.0%	50.0% #AEDF6F	RGB 174 223 111	#AEDF6F
66.7%	66.7% #CBE975	RGB 203 233 117	#CBE975
83.3%	83.3% #EAF47B	RGB 234 244 123	#EAF47B
100.0%	100.0% #FFF381	RGB 255 243 129	#FFF381

#61BF5E #78C963 #92D469 #AEDF6F #CBE975 #EAF47B #FFF381

#61BF5E - #AEDF6F - #FFF381

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #61BF5E 0%, #AEDF6F 50%, #FFF381 100%);
    background: -webkit-linear-gradient(top, #61BF5E 0%, #AEDF6F 50%, #FFF381 100%);
    background: linear-gradient(to bottom, #61BF5E 0%, #AEDF6F 50%, #FFF381 100%);
}
</style>