#CECE28 - #A0910C | 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 #CECE28 to #A0910C

#CECE28 #A0910C

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

#CECE28 - #A0910C | 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 #CECE28 as 0% and #A0910C as 100%.

0.0%	0.0% #CECE28	RGB 206 206 40	#CECE28
16.7%	16.7% #C6C323	RGB 198 195 35	#C6C323
33.3%	33.3% #BEB91E	RGB 190 185 30	#BEB91E
50.0%	50.0% #B7AF1A	RGB 183 175 26	#B7AF1A
66.7%	66.7% #AFA515	RGB 175 165 21	#AFA515
83.3%	83.3% #A79B10	RGB 167 155 16	#A79B10
100.0%	100.0% #A0910C	RGB 160 145 12	#A0910C

#CECE28 #C6C323 #BEB91E #B7AF1A #AFA515 #A79B10 #A0910C

#CECE28 - #A0910C

HSV Blend

#CECE28 - #A0910C | 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 #CECE28 as 0% and #A0910C as 100%.

0.0%	0.0% #CECE28	RGB 206 206 40	#CECE28
16.7%	16.7% #C6C322	RGB 198 195 34	#C6C322
33.3%	33.3% #BEB91D	RGB 190 185 29	#BEB91D
50.0%	50.0% #B7AE18	RGB 183 174 24	#B7AE18
66.7%	66.7% #AFA414	RGB 175 164 20	#AFA414
83.3%	83.3% #A79A0F	RGB 167 154 15	#A79A0F
100.0%	100.0% #A0910C	RGB 160 145 12	#A0910C

#CECE28 #C6C322 #BEB91D #B7AE18 #AFA414 #A79A0F #A0910C

#CECE28 - #B7AE18 - #A0910C

CSS codes

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

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