#CAC35D - #EFEDD0 | 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 #CAC35D to #EFEDD0

#CAC35D #EFEDD0

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

#CAC35D - #EFEDD0 | 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 #CAC35D as 0% and #EFEDD0 as 100%.

0.0%	0.0% #CAC35D	RGB 202 195 93	#CAC35D
16.7%	16.7% #D0CA70	RGB 208 202 112	#D0CA70
33.3%	33.3% #D6D183	RGB 214 209 131	#D6D183
50.0%	50.0% #DCD896	RGB 220 216 150	#DCD896
66.7%	66.7% #E2DFA9	RGB 226 223 169	#E2DFA9
83.3%	83.3% #E8E6BC	RGB 232 230 188	#E8E6BC
100.0%	100.0% #EFEDD0	RGB 239 237 208	#EFEDD0

#CAC35D #D0CA70 #D6D183 #DCD896 #E2DFA9 #E8E6BC #EFEDD0

#CAC35D - #EFEDD0

HSV Blend

#CAC35D - #EFEDD0 | 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 #CAC35D as 0% and #EFEDD0 as 100%.

0.0%	0.0% #CAC35D	RGB 202 195 93	#CAC35D
16.7%	16.7% #D0C96E	RGB 208 201 110	#D0C96E
33.3%	33.3% #D6D07F	RGB 214 208 127	#D6D07F
50.0%	50.0% #DCD792	RGB 220 215 146	#DCD792
66.7%	66.7% #E2DEA6	RGB 226 222 166	#E2DEA6
83.3%	83.3% #E8E5BA	RGB 232 229 186	#E8E5BA
100.0%	100.0% #EFEDD0	RGB 239 237 208	#EFEDD0

#CAC35D #D0C96E #D6D07F #DCD792 #E2DEA6 #E8E5BA #EFEDD0

#CAC35D - #DCD792 - #EFEDD0

CSS codes

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

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