#ECCF3A - #CA930E | 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 #ECCF3A to #CA930E

#ECCF3A #CA930E

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

#ECCF3A - #CA930E | 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 #ECCF3A as 0% and #CA930E as 100%.

0.0%	0.0% #ECCF3A	RGB 236 207 58	#ECCF3A
16.7%	16.7% #E6C532	RGB 230 197 50	#E6C532
33.3%	33.3% #E0BB2B	RGB 224 187 43	#E0BB2B
50.0%	50.0% #DBB124	RGB 219 177 36	#DBB124
66.7%	66.7% #D5A71C	RGB 213 167 28	#D5A71C
83.3%	83.3% #CF9D15	RGB 207 157 21	#CF9D15
100.0%	100.0% #CA930E	RGB 202 147 14	#CA930E

#ECCF3A #E6C532 #E0BB2B #DBB124 #D5A71C #CF9D15 #CA930E

#ECCF3A - #CA930E

HSV Blend

#ECCF3A - #CA930E | 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 #ECCF3A as 0% and #CA930E as 100%.

0.0%	0.0% #ECCF3A	RGB 236 207 58	#ECCF3A
16.7%	16.7% #E6C531	RGB 230 197 49	#E6C531
33.3%	33.3% #E0BB2A	RGB 224 187 42	#E0BB2A
50.0%	50.0% #DBB022	RGB 219 176 34	#DBB022
66.7%	66.7% #D5A61B	RGB 213 166 27	#D5A61B
83.3%	83.3% #CF9C14	RGB 207 156 20	#CF9C14
100.0%	100.0% #CA930E	RGB 202 147 14	#CA930E

#ECCF3A #E6C531 #E0BB2A #DBB022 #D5A61B #CF9C14 #CA930E

#ECCF3A - #DBB022 - #CA930E

CSS codes

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

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