#766300 - #DD6B5E | 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 #766300 to #DD6B5E

#766300 #DD6B5E

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

#766300 - #DD6B5E | 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 #766300 as 0% and #DD6B5E as 100%.

0.0%	0.0% #766300	RGB 118 99 0	#766300
16.7%	16.7% #87640F	RGB 135 100 15	#87640F
33.3%	33.3% #98651F	RGB 152 101 31	#98651F
50.0%	50.0% #A9672F	RGB 169 103 47	#A9672F
66.7%	66.7% #BA683E	RGB 186 104 62	#BA683E
83.3%	83.3% #CB694E	RGB 203 105 78	#CB694E
100.0%	100.0% #DD6B5E	RGB 221 107 94	#DD6B5E

#766300 #87640F #98651F #A9672F #BA683E #CB694E #DD6B5E

#766300 - #DD6B5E

HSV Blend

#766300 - #DD6B5E | 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 #766300 as 0% and #DD6B5E as 100%.

0.0%	0.0% #766300	RGB 118 99 0	#766300
16.7%	16.7% #876309	RGB 135 99 9	#876309
33.3%	33.3% #986315	RGB 152 99 21	#986315
50.0%	50.0% #A96224	RGB 169 98 36	#A96224
66.7%	66.7% #BA6334	RGB 186 99 52	#BA6334
83.3%	83.3% #CB6548	RGB 203 101 72	#CB6548
100.0%	100.0% #DD6B5E	RGB 221 107 94	#DD6B5E

#766300 #876309 #986315 #A96224 #BA6334 #CB6548 #DD6B5E

#766300 - #A96224 - #DD6B5E

CSS codes

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

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