#ECE07B - #CFB32B | 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 #ECE07B to #CFB32B

#ECE07B #CFB32B

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

#ECE07B - #CFB32B | 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 #ECE07B as 0% and #CFB32B as 100%.

0.0%	0.0% #ECE07B	RGB 236 224 123	#ECE07B
16.7%	16.7% #E7D86D	RGB 231 216 109	#E7D86D
33.3%	33.3% #E2D160	RGB 226 209 96	#E2D160
50.0%	50.0% #DDC953	RGB 221 201 83	#DDC953
66.7%	66.7% #D8C245	RGB 216 194 69	#D8C245
83.3%	83.3% #D3BA38	RGB 211 186 56	#D3BA38
100.0%	100.0% #CFB32B	RGB 207 179 43	#CFB32B

#ECE07B #E7D86D #E2D160 #DDC953 #D8C245 #D3BA38 #CFB32B

#ECE07B - #CFB32B

HSV Blend

#ECE07B - #CFB32B | 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 #ECE07B as 0% and #CFB32B as 100%.

0.0%	0.0% #ECE07B	RGB 236 224 123	#ECE07B
16.7%	16.7% #E7D86C	RGB 231 216 108	#E7D86C
33.3%	33.3% #E2D15E	RGB 226 209 94	#E2D15E
50.0%	50.0% #DDCA50	RGB 221 202 80	#DDCA50
66.7%	66.7% #D8C243	RGB 216 194 67	#D8C243
83.3%	83.3% #D3BA37	RGB 211 186 55	#D3BA37
100.0%	100.0% #CFB32B	RGB 207 179 43	#CFB32B

#ECE07B #E7D86C #E2D15E #DDCA50 #D8C243 #D3BA37 #CFB32B

#ECE07B - #DDCA50 - #CFB32B

CSS codes

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

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