#6C815D - #DCC67D | 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 #6C815D to #DCC67D

#6C815D #DCC67D

Calculate the color between two colors, #6C815D and #DCC67D. 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)

#6C815D - #DCC67D | 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 #6C815D as 0% and #DCC67D as 100%.

0.0%	0.0% #6C815D	RGB 108 129 93	#6C815D
16.7%	16.7% #7E8C62	RGB 126 140 98	#7E8C62
33.3%	33.3% #919867	RGB 145 152 103	#919867
50.0%	50.0% #A4A36D	RGB 164 163 109	#A4A36D
66.7%	66.7% #B6AF72	RGB 182 175 114	#B6AF72
83.3%	83.3% #C9BA77	RGB 201 186 119	#C9BA77
100.0%	100.0% #DCC67D	RGB 220 198 125	#DCC67D

#6C815D #7E8C62 #919867 #A4A36D #B6AF72 #C9BA77 #DCC67D

#6C815D - #DCC67D

HSV Blend

#6C815D - #DCC67D | 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 #6C815D as 0% and #DCC67D as 100%.

0.0%	0.0% #6C815D	RGB 108 129 93	#6C815D
16.7%	16.7% #7C9064	RGB 124 144 100	#7C9064
33.3%	33.3% #8E9F6A	RGB 142 159 106	#8E9F6A
50.0%	50.0% #A3AE70	RGB 163 174 112	#A3AE70
66.7%	66.7% #BABD75	RGB 186 189 117	#BABD75
83.3%	83.3% #CCC479	RGB 204 196 121	#CCC479
100.0%	100.0% #DCC67D	RGB 220 198 125	#DCC67D

#6C815D #7C9064 #8E9F6A #A3AE70 #BABD75 #CCC479 #DCC67D

#6C815D - #A3AE70 - #DCC67D

CSS codes

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

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