#ECE622 - #C6AB0B | 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 #ECE622 to #C6AB0B

#ECE622 #C6AB0B

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

#ECE622 - #C6AB0B | 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 #ECE622 as 0% and #C6AB0B as 100%.

0.0%	0.0% #ECE622	RGB 236 230 34	#ECE622
16.7%	16.7% #E5DC1E	RGB 229 220 30	#E5DC1E
33.3%	33.3% #DFD21A	RGB 223 210 26	#DFD21A
50.0%	50.0% #D9C816	RGB 217 200 22	#D9C816
66.7%	66.7% #D2BE12	RGB 210 190 18	#D2BE12
83.3%	83.3% #CCB40E	RGB 204 180 14	#CCB40E
100.0%	100.0% #C6AB0B	RGB 198 171 11	#C6AB0B

#ECE622 #E5DC1E #DFD21A #D9C816 #D2BE12 #CCB40E #C6AB0B

#ECE622 - #C6AB0B

HSV Blend

#ECE622 - #C6AB0B | 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 #ECE622 as 0% and #C6AB0B as 100%.

0.0%	0.0% #ECE622	RGB 236 230 34	#ECE622
16.7%	16.7% #E5DB1D	RGB 229 219 29	#E5DB1D
33.3%	33.3% #DFD119	RGB 223 209 25	#DFD119
50.0%	50.0% #D9C715	RGB 217 199 21	#D9C715
66.7%	66.7% #D2BE11	RGB 210 190 17	#D2BE11
83.3%	83.3% #CCB40E	RGB 204 180 14	#CCB40E
100.0%	100.0% #C6AB0B	RGB 198 171 11	#C6AB0B

#ECE622 #E5DB1D #DFD119 #D9C715 #D2BE11 #CCB40E #C6AB0B

#ECE622 - #D9C715 - #C6AB0B

CSS codes

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

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