#CEC141 - #E0FFA8 | 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 #CEC141 to #E0FFA8

#CEC141 #E0FFA8

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

#CEC141 - #E0FFA8 | 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 #CEC141 as 0% and #E0FFA8 as 100%.

0.0%	0.0% #CEC141	RGB 206 193 65	#CEC141
16.7%	16.7% #D1CB52	RGB 209 203 82	#D1CB52
33.3%	33.3% #D4D563	RGB 212 213 99	#D4D563
50.0%	50.0% #D7E074	RGB 215 224 116	#D7E074
66.7%	66.7% #DAEA85	RGB 218 234 133	#DAEA85
83.3%	83.3% #DDF496	RGB 221 244 150	#DDF496
100.0%	100.0% #E0FFA8	RGB 224 255 168	#E0FFA8

#CEC141 #D1CB52 #D4D563 #D7E074 #DAEA85 #DDF496 #E0FFA8

#CEC141 - #E0FFA8

HSV Blend

#CEC141 - #E0FFA8 | 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 #CEC141 as 0% and #E0FFA8 as 100%.

0.0%	0.0% #CEC141	RGB 206 193 65	#CEC141
16.7%	16.7% #D6D34F	RGB 214 211 79	#D6D34F
33.3%	33.3% #D7DE5F	RGB 215 222 95	#D7DE5F
50.0%	50.0% #D6E670	RGB 214 230 112	#D6E670
66.7%	66.7% #D8EE81	RGB 216 238 129	#D8EE81
83.3%	83.3% #DBF694	RGB 219 246 148	#DBF694
100.0%	100.0% #E0FFA8	RGB 224 255 168	#E0FFA8

#CEC141 #D6D34F #D7DE5F #D6E670 #D8EE81 #DBF694 #E0FFA8

#CEC141 - #D6E670 - #E0FFA8

CSS codes

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

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