#EAD4BD - #CEA96B | 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 #EAD4BD to #CEA96B

#EAD4BD #CEA96B

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

#EAD4BD - #CEA96B | 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 #EAD4BD as 0% and #CEA96B as 100%.

0.0%	0.0% #EAD4BD	RGB 234 212 189	#EAD4BD
16.7%	16.7% #E5CCAF	RGB 229 204 175	#E5CCAF
33.3%	33.3% #E0C5A1	RGB 224 197 161	#E0C5A1
50.0%	50.0% #DCBE94	RGB 220 190 148	#DCBE94
66.7%	66.7% #D7B786	RGB 215 183 134	#D7B786
83.3%	83.3% #D2B078	RGB 210 176 120	#D2B078
100.0%	100.0% #CEA96B	RGB 206 169 107	#CEA96B

#EAD4BD #E5CCAF #E0C5A1 #DCBE94 #D7B786 #D2B078 #CEA96B

#EAD4BD - #CEA96B

HSV Blend

#EAD4BD - #CEA96B | 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 #EAD4BD as 0% and #CEA96B as 100%.

0.0%	0.0% #EAD4BD	RGB 234 212 189	#EAD4BD
16.7%	16.7% #E5CBAE	RGB 229 203 174	#E5CBAE
33.3%	33.3% #E0C39F	RGB 224 195 159	#E0C39F
50.0%	50.0% #DCBC91	RGB 220 188 145	#DCBC91
66.7%	66.7% #D7B584	RGB 215 181 132	#D7B584
83.3%	83.3% #D2AE77	RGB 210 174 119	#D2AE77
100.0%	100.0% #CEA96B	RGB 206 169 107	#CEA96B

#EAD4BD #E5CBAE #E0C39F #DCBC91 #D7B584 #D2AE77 #CEA96B

#EAD4BD - #DCBC91 - #CEA96B

CSS codes

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

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