#764000 - #DD5E76 | 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 #764000 to #DD5E76

#764000 #DD5E76

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

#764000 - #DD5E76 | 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 #764000 as 0% and #DD5E76 as 100%.

0.0%	0.0% #764000	RGB 118 64 0	#764000
16.7%	16.7% #874513	RGB 135 69 19	#874513
33.3%	33.3% #984A27	RGB 152 74 39	#984A27
50.0%	50.0% #A94F3B	RGB 169 79 59	#A94F3B
66.7%	66.7% #BA544E	RGB 186 84 78	#BA544E
83.3%	83.3% #CB5962	RGB 203 89 98	#CB5962
100.0%	100.0% #DD5E76	RGB 221 94 118	#DD5E76

#764000 #874513 #984A27 #A94F3B #BA544E #CB5962 #DD5E76

#764000 - #DD5E76

HSV Blend

#764000 - #DD5E76 | 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 #764000 as 0% and #DD5E76 as 100%.

0.0%	0.0% #764000	RGB 118 64 0	#764000
16.7%	16.7% #873E09	RGB 135 62 9	#873E09
33.3%	33.3% #983C15	RGB 152 60 21	#983C15
50.0%	50.0% #A93B24	RGB 169 59 36	#A93B24
66.7%	66.7% #BA3C34	RGB 186 60 52	#BA3C34
83.3%	83.3% #CB4851	RGB 203 72 81	#CB4851
100.0%	100.0% #DD5E76	RGB 221 94 118	#DD5E76

#764000 #873E09 #983C15 #A93B24 #BA3C34 #CB4851 #DD5E76

#764000 - #A93B24 - #DD5E76

CSS codes

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

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