#CECE35 - #FFEA64 | 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 #CECE35 to #FFEA64

#CECE35 #FFEA64

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

#CECE35 - #FFEA64 | 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 #CECE35 as 0% and #FFEA64 as 100%.

0.0%	0.0% #CECE35	RGB 206 206 53	#CECE35
16.7%	16.7% #D6D23C	RGB 214 210 60	#D6D23C
33.3%	33.3% #DED744	RGB 222 215 68	#DED744
50.0%	50.0% #E6DC4C	RGB 230 220 76	#E6DC4C
66.7%	66.7% #EEE054	RGB 238 224 84	#EEE054
83.3%	83.3% #F6E55C	RGB 246 229 92	#F6E55C
100.0%	100.0% #FFEA64	RGB 255 234 100	#FFEA64

#CECE35 #D6D23C #DED744 #E6DC4C #EEE054 #F6E55C #FFEA64

#CECE35 - #FFEA64

HSV Blend

#CECE35 - #FFEA64 | 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 #CECE35 as 0% and #FFEA64 as 100%.

0.0%	0.0% #CECE35	RGB 206 206 53	#CECE35
16.7%	16.7% #D6D23B	RGB 214 210 59	#D6D23B
33.3%	33.3% #DED743	RGB 222 215 67	#DED743
50.0%	50.0% #E6DB4A	RGB 230 219 74	#E6DB4A
66.7%	66.7% #EEE052	RGB 238 224 82	#EEE052
83.3%	83.3% #F6E55B	RGB 246 229 91	#F6E55B
100.0%	100.0% #FFEA64	RGB 255 234 100	#FFEA64

#CECE35 #D6D23B #DED743 #E6DB4A #EEE052 #F6E55B #FFEA64

#CECE35 - #E6DB4A - #FFEA64

CSS codes

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

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