#D1CB5E - #E7CE95 | 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 #D1CB5E to #E7CE95

#D1CB5E #E7CE95

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

#D1CB5E - #E7CE95 | 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 #D1CB5E as 0% and #E7CE95 as 100%.

0.0%	0.0% #D1CB5E	RGB 209 203 94	#D1CB5E
16.7%	16.7% #D4CB67	RGB 212 203 103	#D4CB67
33.3%	33.3% #D8CC70	RGB 216 204 112	#D8CC70
50.0%	50.0% #DCCC79	RGB 220 204 121	#DCCC79
66.7%	66.7% #DFCD82	RGB 223 205 130	#DFCD82
83.3%	83.3% #E3CD8B	RGB 227 205 139	#E3CD8B
100.0%	100.0% #E7CE95	RGB 231 206 149	#E7CE95

#D1CB5E #D4CB67 #D8CC70 #DCCC79 #DFCD82 #E3CD8B #E7CE95

#D1CB5E - #E7CE95

HSV Blend

#D1CB5E - #E7CE95 | 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 #D1CB5E as 0% and #E7CE95 as 100%.

0.0%	0.0% #D1CB5E	RGB 209 203 94	#D1CB5E
16.7%	16.7% #D4CA66	RGB 212 202 102	#D4CA66
33.3%	33.3% #D8CA6F	RGB 216 202 111	#D8CA6F
50.0%	50.0% #DCCA78	RGB 220 202 120	#DCCA78
66.7%	66.7% #DFCA81	RGB 223 202 129	#DFCA81
83.3%	83.3% #E3CC8B	RGB 227 204 139	#E3CC8B
100.0%	100.0% #E7CE95	RGB 231 206 149	#E7CE95

#D1CB5E #D4CA66 #D8CA6F #DCCA78 #DFCA81 #E3CC8B #E7CE95

#D1CB5E - #DCCA78 - #E7CE95

CSS codes

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

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