#AD5E85 - #311A25 | 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 #AD5E85 to #311A25

#AD5E85 #311A25

Calculate the color between two colors, #AD5E85 and #311A25. 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)

#AD5E85 - #311A25 | 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 #AD5E85 as 0% and #311A25 as 100%.

0.0%	0.0% #AD5E85	RGB 173 94 133	#AD5E85
16.7%	16.7% #985275	RGB 152 82 117	#985275
33.3%	33.3% #834765	RGB 131 71 101	#834765
50.0%	50.0% #6F3C55	RGB 111 60 85	#6F3C55
66.7%	66.7% #5A3045	RGB 90 48 69	#5A3045
83.3%	83.3% #452535	RGB 69 37 53	#452535
100.0%	100.0% #311A25	RGB 49 26 37	#311A25

#AD5E85 #985275 #834765 #6F3C55 #5A3045 #452535 #311A25

#AD5E85 - #311A25

HSV Blend

#AD5E85 - #311A25 | 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 #AD5E85 as 0% and #311A25 as 100%.

0.0%	0.0% #AD5E85	RGB 173 94 133	#AD5E85
16.7%	16.7% #985274	RGB 152 82 116	#985274
33.3%	33.3% #834664	RGB 131 70 100	#834664
50.0%	50.0% #6F3B54	RGB 111 59 84	#6F3B54
66.7%	66.7% #5A3044	RGB 90 48 68	#5A3044
83.3%	83.3% #452534	RGB 69 37 52	#452534
100.0%	100.0% #311A25	RGB 49 26 37	#311A25

#AD5E85 #985274 #834664 #6F3B54 #5A3044 #452534 #311A25

#AD5E85 - #6F3B54 - #311A25

CSS codes

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

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