#D6CD5E - #FFEB86 | 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 #D6CD5E to #FFEB86

#D6CD5E #FFEB86

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

#D6CD5E - #FFEB86 | 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 #D6CD5E as 0% and #FFEB86 as 100%.

0.0%	0.0% #D6CD5E	RGB 214 205 94	#D6CD5E
16.7%	16.7% #DCD264	RGB 220 210 100	#DCD264
33.3%	33.3% #E3D76B	RGB 227 215 107	#E3D76B
50.0%	50.0% #EADC72	RGB 234 220 114	#EADC72
66.7%	66.7% #F1E178	RGB 241 225 120	#F1E178
83.3%	83.3% #F8E67F	RGB 248 230 127	#F8E67F
100.0%	100.0% #FFEB86	RGB 255 235 134	#FFEB86

#D6CD5E #DCD264 #E3D76B #EADC72 #F1E178 #F8E67F #FFEB86

#D6CD5E - #FFEB86

HSV Blend

#D6CD5E - #FFEB86 | 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 #D6CD5E as 0% and #FFEB86 as 100%.

0.0%	0.0% #D6CD5E	RGB 214 205 94	#D6CD5E
16.7%	16.7% #DCD164	RGB 220 209 100	#DCD164
33.3%	33.3% #E3D66A	RGB 227 214 106	#E3D66A
50.0%	50.0% #EADB71	RGB 234 219 113	#EADB71
66.7%	66.7% #F1E077	RGB 241 224 119	#F1E077
83.3%	83.3% #F8E57E	RGB 248 229 126	#F8E57E
100.0%	100.0% #FFEB86	RGB 255 235 134	#FFEB86

#D6CD5E #DCD164 #E3D66A #EADB71 #F1E077 #F8E57E #FFEB86

#D6CD5E - #EADB71 - #FFEB86

CSS codes

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

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