#694C4D - #DB9268 | 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 #694C4D to #DB9268

#694C4D #DB9268

Calculate the color between two colors, #694C4D and #DB9268. 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)

#694C4D - #DB9268 | 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 #694C4D as 0% and #DB9268 as 100%.

0.0%	0.0% #694C4D	RGB 105 76 77	#694C4D
16.7%	16.7% #7C5751	RGB 124 87 81	#7C5751
33.3%	33.3% #8F6356	RGB 143 99 86	#8F6356
50.0%	50.0% #A26F5A	RGB 162 111 90	#A26F5A
66.7%	66.7% #B57A5F	RGB 181 122 95	#B57A5F
83.3%	83.3% #C88663	RGB 200 134 99	#C88663
100.0%	100.0% #DB9268	RGB 219 146 104	#DB9268

#694C4D #7C5751 #8F6356 #A26F5A #B57A5F #C88663 #DB9268

#694C4D - #DB9268

HSV Blend

#694C4D - #DB9268 | 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 #694C4D as 0% and #DB9268 as 100%.

0.0%	0.0% #694C4D	RGB 105 76 77	#694C4D
16.7%	16.7% #7C5554	RGB 124 85 84	#7C5554
33.3%	33.3% #8F605B	RGB 143 96 91	#8F605B
50.0%	50.0% #A26B61	RGB 162 107 97	#A26B61
66.7%	66.7% #B57764	RGB 181 119 100	#B57764
83.3%	83.3% #C88467	RGB 200 132 103	#C88467
100.0%	100.0% #DB9268	RGB 219 146 104	#DB9268

#694C4D #7C5554 #8F605B #A26B61 #B57764 #C88467 #DB9268

#694C4D - #A26B61 - #DB9268

CSS codes

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

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