#CECE58 - #FFEA7F | 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 #CECE58 to #FFEA7F

#CECE58 #FFEA7F

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

#CECE58 - #FFEA7F | 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 #CECE58 as 0% and #FFEA7F as 100%.

0.0%	0.0% #CECE58	RGB 206 206 88	#CECE58
16.7%	16.7% #D6D25E	RGB 214 210 94	#D6D25E
33.3%	33.3% #DED765	RGB 222 215 101	#DED765
50.0%	50.0% #E6DC6B	RGB 230 220 107	#E6DC6B
66.7%	66.7% #EEE072	RGB 238 224 114	#EEE072
83.3%	83.3% #F6E578	RGB 246 229 120	#F6E578
100.0%	100.0% #FFEA7F	RGB 255 234 127	#FFEA7F

#CECE58 #D6D25E #DED765 #E6DC6B #EEE072 #F6E578 #FFEA7F

#CECE58 - #FFEA7F

HSV Blend

#CECE58 - #FFEA7F | 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 #CECE58 as 0% and #FFEA7F as 100%.

0.0%	0.0% #CECE58	RGB 206 206 88	#CECE58
16.7%	16.7% #D6D25E	RGB 214 210 94	#D6D25E
33.3%	33.3% #DED764	RGB 222 215 100	#DED764
50.0%	50.0% #E6DC6A	RGB 230 220 106	#E6DC6A
66.7%	66.7% #EEE071	RGB 238 224 113	#EEE071
83.3%	83.3% #F6E578	RGB 246 229 120	#F6E578
100.0%	100.0% #FFEA7F	RGB 255 234 127	#FFEA7F

#CECE58 #D6D25E #DED764 #E6DC6A #EEE071 #F6E578 #FFEA7F

#CECE58 - #E6DC6A - #FFEA7F

CSS codes

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

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