#CAC95B - #FFE980 | 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 #CAC95B to #FFE980

#CAC95B #FFE980

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

#CAC95B - #FFE980 | 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 #CAC95B as 0% and #FFE980 as 100%.

0.0%	0.0% #CAC95B	RGB 202 201 91	#CAC95B
16.7%	16.7% #D2CE61	RGB 210 206 97	#D2CE61
33.3%	33.3% #DBD367	RGB 219 211 103	#DBD367
50.0%	50.0% #E4D96D	RGB 228 217 109	#E4D96D
66.7%	66.7% #EDDE73	RGB 237 222 115	#EDDE73
83.3%	83.3% #F6E379	RGB 246 227 121	#F6E379
100.0%	100.0% #FFE980	RGB 255 233 128	#FFE980

#CAC95B #D2CE61 #DBD367 #E4D96D #EDDE73 #F6E379 #FFE980

#CAC95B - #FFE980

HSV Blend

#CAC95B - #FFE980 | 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 #CAC95B as 0% and #FFE980 as 100%.

0.0%	0.0% #CAC95B	RGB 202 201 91	#CAC95B
16.7%	16.7% #D2CE60	RGB 210 206 96	#D2CE60
33.3%	33.3% #DBD466	RGB 219 212 102	#DBD466
50.0%	50.0% #E4D96C	RGB 228 217 108	#E4D96C
66.7%	66.7% #EDDE73	RGB 237 222 115	#EDDE73
83.3%	83.3% #F6E379	RGB 246 227 121	#F6E379
100.0%	100.0% #FFE980	RGB 255 233 128	#FFE980

#CAC95B #D2CE60 #DBD466 #E4D96C #EDDE73 #F6E379 #FFE980

#CAC95B - #E4D96C - #FFE980

CSS codes

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

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