#D2CA8F - #8C702B | 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 #D2CA8F to #8C702B

#D2CA8F #8C702B

Calculate the color between two colors, #D2CA8F and #8C702B. 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)

#D2CA8F - #8C702B | 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 #D2CA8F as 0% and #8C702B as 100%.

0.0%	0.0% #D2CA8F	RGB 210 202 143	#D2CA8F
16.7%	16.7% #C6BB7E	RGB 198 187 126	#C6BB7E
33.3%	33.3% #BAAC6D	RGB 186 172 109	#BAAC6D
50.0%	50.0% #AF9D5D	RGB 175 157 93	#AF9D5D
66.7%	66.7% #A38E4C	RGB 163 142 76	#A38E4C
83.3%	83.3% #977F3B	RGB 151 127 59	#977F3B
100.0%	100.0% #8C702B	RGB 140 112 43	#8C702B

#D2CA8F #C6BB7E #BAAC6D #AF9D5D #A38E4C #977F3B #8C702B

#D2CA8F - #8C702B

HSV Blend

#D2CA8F - #8C702B | 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 #D2CA8F as 0% and #8C702B as 100%.

0.0%	0.0% #D2CA8F	RGB 210 202 143	#D2CA8F
16.7%	16.7% #C6BB7A	RGB 198 187 122	#C6BB7A
33.3%	33.3% #BAAC67	RGB 186 172 103	#BAAC67
50.0%	50.0% #AF9C56	RGB 175 156 86	#AF9C56
66.7%	66.7% #A38D46	RGB 163 141 70	#A38D46
83.3%	83.3% #977E38	RGB 151 126 56	#977E38
100.0%	100.0% #8C702B	RGB 140 112 43	#8C702B

#D2CA8F #C6BB7A #BAAC67 #AF9C56 #A38D46 #977E38 #8C702B

#D2CA8F - #AF9C56 - #8C702B

CSS codes

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

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