#ECE88E - #CEBF3A | 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 #ECE88E to #CEBF3A

#ECE88E #CEBF3A

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

#ECE88E - #CEBF3A | 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 #ECE88E as 0% and #CEBF3A as 100%.

0.0%	0.0% #ECE88E	RGB 236 232 142	#ECE88E
16.7%	16.7% #E7E180	RGB 231 225 128	#E7E180
33.3%	33.3% #E2DA72	RGB 226 218 114	#E2DA72
50.0%	50.0% #DDD364	RGB 221 211 100	#DDD364
66.7%	66.7% #D8CC56	RGB 216 204 86	#D8CC56
83.3%	83.3% #D3C548	RGB 211 197 72	#D3C548
100.0%	100.0% #CEBF3A	RGB 206 191 58	#CEBF3A

#ECE88E #E7E180 #E2DA72 #DDD364 #D8CC56 #D3C548 #CEBF3A

#ECE88E - #CEBF3A

HSV Blend

#ECE88E - #CEBF3A | 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 #ECE88E as 0% and #CEBF3A as 100%.

0.0%	0.0% #ECE88E	RGB 236 232 142	#ECE88E
16.7%	16.7% #E7E17E	RGB 231 225 126	#E7E17E
33.3%	33.3% #E2DA6F	RGB 226 218 111	#E2DA6F
50.0%	50.0% #DDD461	RGB 221 212 97	#DDD461
66.7%	66.7% #D8CD53	RGB 216 205 83	#D8CD53
83.3%	83.3% #D3C646	RGB 211 198 70	#D3C646
100.0%	100.0% #CEBF3A	RGB 206 191 58	#CEBF3A

#ECE88E #E7E17E #E2DA6F #DDD461 #D8CD53 #D3C646 #CEBF3A

#ECE88E - #DDD461 - #CEBF3A

CSS codes

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

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