#CECE07 - #FFEC3E | 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 #CECE07 to #FFEC3E

#CECE07 #FFEC3E

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

#CECE07 - #FFEC3E | 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 #CECE07 as 0% and #FFEC3E as 100%.

0.0%	0.0% #CECE07	RGB 206 206 7	#CECE07
16.7%	16.7% #D6D310	RGB 214 211 16	#D6D310
33.3%	33.3% #DED819	RGB 222 216 25	#DED819
50.0%	50.0% #E6DD22	RGB 230 221 34	#E6DD22
66.7%	66.7% #EEE22B	RGB 238 226 43	#EEE22B
83.3%	83.3% #F6E734	RGB 246 231 52	#F6E734
100.0%	100.0% #FFEC3E	RGB 255 236 62	#FFEC3E

#CECE07 #D6D310 #DED819 #E6DD22 #EEE22B #F6E734 #FFEC3E

#CECE07 - #FFEC3E

HSV Blend

#CECE07 - #FFEC3E | 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 #CECE07 as 0% and #FFEC3E as 100%.

0.0%	0.0% #CECE07	RGB 206 206 7	#CECE07
16.7%	16.7% #D6D20E	RGB 214 210 14	#D6D20E
33.3%	33.3% #DED717	RGB 222 215 23	#DED717
50.0%	50.0% #E6DC1F	RGB 230 220 31	#E6DC1F
66.7%	66.7% #EEE129	RGB 238 225 41	#EEE129
83.3%	83.3% #F6E633	RGB 246 230 51	#F6E633
100.0%	100.0% #FFEC3E	RGB 255 236 62	#FFEC3E

#CECE07 #D6D20E #DED717 #E6DC1F #EEE129 #F6E633 #FFEC3E

#CECE07 - #E6DC1F - #FFEC3E

CSS codes

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

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