#CECE41 - #FFEA6D | 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 #CECE41 to #FFEA6D

#CECE41 #FFEA6D

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

#CECE41 - #FFEA6D | 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 #CECE41 as 0% and #FFEA6D as 100%.

0.0%	0.0% #CECE41	RGB 206 206 65	#CECE41
16.7%	16.7% #D6D248	RGB 214 210 72	#D6D248
33.3%	33.3% #DED74F	RGB 222 215 79	#DED74F
50.0%	50.0% #E6DC57	RGB 230 220 87	#E6DC57
66.7%	66.7% #EEE05E	RGB 238 224 94	#EEE05E
83.3%	83.3% #F6E565	RGB 246 229 101	#F6E565
100.0%	100.0% #FFEA6D	RGB 255 234 109	#FFEA6D

#CECE41 #D6D248 #DED74F #E6DC57 #EEE05E #F6E565 #FFEA6D

#CECE41 - #FFEA6D

HSV Blend

#CECE41 - #FFEA6D | 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 #CECE41 as 0% and #FFEA6D as 100%.

0.0%	0.0% #CECE41	RGB 206 206 65	#CECE41
16.7%	16.7% #D6D247	RGB 214 210 71	#D6D247
33.3%	33.3% #DED74E	RGB 222 215 78	#DED74E
50.0%	50.0% #E6DC55	RGB 230 220 85	#E6DC55
66.7%	66.7% #EEE05D	RGB 238 224 93	#EEE05D
83.3%	83.3% #F6E564	RGB 246 229 100	#F6E564
100.0%	100.0% #FFEA6D	RGB 255 234 109	#FFEA6D

#CECE41 #D6D247 #DED74E #E6DC55 #EEE05D #F6E564 #FFEA6D

#CECE41 - #E6DC55 - #FFEA6D

CSS codes

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

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