#ECE680 - #CEBB30 | 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 #ECE680 to #CEBB30

#ECE680 #CEBB30

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

#ECE680 - #CEBB30 | 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 #ECE680 as 0% and #CEBB30 as 100%.

0.0%	0.0% #ECE680	RGB 236 230 128	#ECE680
16.7%	16.7% #E7DE72	RGB 231 222 114	#E7DE72
33.3%	33.3% #E2D765	RGB 226 215 101	#E2D765
50.0%	50.0% #DDD058	RGB 221 208 88	#DDD058
66.7%	66.7% #D8C94A	RGB 216 201 74	#D8C94A
83.3%	83.3% #D3C23D	RGB 211 194 61	#D3C23D
100.0%	100.0% #CEBB30	RGB 206 187 48	#CEBB30

#ECE680 #E7DE72 #E2D765 #DDD058 #D8C94A #D3C23D #CEBB30

#ECE680 - #CEBB30

HSV Blend

#ECE680 - #CEBB30 | 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 #ECE680 as 0% and #CEBB30 as 100%.

0.0%	0.0% #ECE680	RGB 236 230 128	#ECE680
16.7%	16.7% #E7DF71	RGB 231 223 113	#E7DF71
33.3%	33.3% #E2D863	RGB 226 216 99	#E2D863
50.0%	50.0% #DDD155	RGB 221 209 85	#DDD155
66.7%	66.7% #D8C948	RGB 216 201 72	#D8C948
83.3%	83.3% #D3C23C	RGB 211 194 60	#D3C23C
100.0%	100.0% #CEBB30	RGB 206 187 48	#CEBB30

#ECE680 #E7DF71 #E2D863 #DDD155 #D8C948 #D3C23C #CEBB30

#ECE680 - #DDD155 - #CEBB30

CSS codes

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

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