#EDE6C0 - #CFB86B | 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 #EDE6C0 to #CFB86B

#EDE6C0 #CFB86B

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

#EDE6C0 - #CFB86B | 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 #EDE6C0 as 0% and #CFB86B as 100%.

0.0%	0.0% #EDE6C0	RGB 237 230 192	#EDE6C0
16.7%	16.7% #E8DEB1	RGB 232 222 177	#E8DEB1
33.3%	33.3% #E3D6A3	RGB 227 214 163	#E3D6A3
50.0%	50.0% #DECF95	RGB 222 207 149	#DECF95
66.7%	66.7% #D9C787	RGB 217 199 135	#D9C787
83.3%	83.3% #D4BF79	RGB 212 191 121	#D4BF79
100.0%	100.0% #CFB86B	RGB 207 184 107	#CFB86B

#EDE6C0 #E8DEB1 #E3D6A3 #DECF95 #D9C787 #D4BF79 #CFB86B

#EDE6C0 - #CFB86B

HSV Blend

#EDE6C0 - #CFB86B | 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 #EDE6C0 as 0% and #CFB86B as 100%.

0.0%	0.0% #EDE6C0	RGB 237 230 192	#EDE6C0
16.7%	16.7% #E8DEB0	RGB 232 222 176	#E8DEB0
33.3%	33.3% #E3D7A1	RGB 227 215 161	#E3D7A1
50.0%	50.0% #DECF93	RGB 222 207 147	#DECF93
66.7%	66.7% #D9C785	RGB 217 199 133	#D9C785
83.3%	83.3% #D4BF77	RGB 212 191 119	#D4BF77
100.0%	100.0% #CFB86B	RGB 207 184 107	#CFB86B

#EDE6C0 #E8DEB0 #E3D7A1 #DECF93 #D9C785 #D4BF77 #CFB86B

#EDE6C0 - #DECF93 - #CFB86B

CSS codes

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

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