#A6EB6C - #FFCF8F | 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 #A6EB6C to #FFCF8F

#A6EB6C #FFCF8F

Calculate the color between two colors, #A6EB6C and #FFCF8F. 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)

#A6EB6C - #FFCF8F | 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 #A6EB6C as 0% and #FFCF8F as 100%.

0.0%	0.0% #A6EB6C	RGB 166 235 108	#A6EB6C
16.7%	16.7% #B4E671	RGB 180 230 113	#B4E671
33.3%	33.3% #C3E177	RGB 195 225 119	#C3E177
50.0%	50.0% #D2DD7D	RGB 210 221 125	#D2DD7D
66.7%	66.7% #E1D883	RGB 225 216 131	#E1D883
83.3%	83.3% #F0D389	RGB 240 211 137	#F0D389
100.0%	100.0% #FFCF8F	RGB 255 207 143	#FFCF8F

#A6EB6C #B4E671 #C3E177 #D2DD7D #E1D883 #F0D389 #FFCF8F

#A6EB6C - #FFCF8F

HSV Blend

#A6EB6C - #FFCF8F | 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 #A6EB6C as 0% and #FFCF8F as 100%.

0.0%	0.0% #A6EB6C	RGB 166 235 108	#A6EB6C
16.7%	16.7% #BEEE71	RGB 190 238 113	#BEEE71
33.3%	33.3% #D6F177	RGB 214 241 119	#D6F177
50.0%	50.0% #EEF57C	RGB 238 245 124	#EEF57C
66.7%	66.7% #F8EC82	RGB 248 236 130	#F8EC82
83.3%	83.3% #FBDD88	RGB 251 221 136	#FBDD88
100.0%	100.0% #FFCF8F	RGB 255 207 143	#FFCF8F

#A6EB6C #BEEE71 #D6F177 #EEF57C #F8EC82 #FBDD88 #FFCF8F

#A6EB6C - #EEF57C - #FFCF8F

CSS codes

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

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