#EDAF7E - #D2692E | 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 #EDAF7E to #D2692E

#EDAF7E #D2692E

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

#EDAF7E - #D2692E | 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 #EDAF7E as 0% and #D2692E as 100%.

0.0%	0.0% #EDAF7E	RGB 237 175 126	#EDAF7E
16.7%	16.7% #E8A370	RGB 232 163 112	#E8A370
33.3%	33.3% #E49763	RGB 228 151 99	#E49763
50.0%	50.0% #DF8C56	RGB 223 140 86	#DF8C56
66.7%	66.7% #DB8048	RGB 219 128 72	#DB8048
83.3%	83.3% #D6743B	RGB 214 116 59	#D6743B
100.0%	100.0% #D2692E	RGB 210 105 46	#D2692E

#EDAF7E #E8A370 #E49763 #DF8C56 #DB8048 #D6743B #D2692E

#EDAF7E - #D2692E

HSV Blend

#EDAF7E - #D2692E | 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 #EDAF7E as 0% and #D2692E as 100%.

0.0%	0.0% #EDAF7E	RGB 237 175 126	#EDAF7E
16.7%	16.7% #E8A36F	RGB 232 163 111	#E8A36F
33.3%	33.3% #E49761	RGB 228 151 97	#E49761
50.0%	50.0% #DF8B53	RGB 223 139 83	#DF8B53
66.7%	66.7% #DB8046	RGB 219 128 70	#DB8046
83.3%	83.3% #D6743A	RGB 214 116 58	#D6743A
100.0%	100.0% #D2692E	RGB 210 105 46	#D2692E

#EDAF7E #E8A36F #E49761 #DF8B53 #DB8046 #D6743A #D2692E

#EDAF7E - #DF8B53 - #D2692E

CSS codes

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

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