#AD74AB - #312130 | 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 #AD74AB to #312130

#AD74AB #312130

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

#AD74AB - #312130 | 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 #AD74AB as 0% and #312130 as 100%.

0.0%	0.0% #AD74AB	RGB 173 116 171	#AD74AB
16.7%	16.7% #986696	RGB 152 102 150	#986696
33.3%	33.3% #835882	RGB 131 88 130	#835882
50.0%	50.0% #6F4A6D	RGB 111 74 109	#6F4A6D
66.7%	66.7% #5A3C59	RGB 90 60 89	#5A3C59
83.3%	83.3% #452E44	RGB 69 46 68	#452E44
100.0%	100.0% #312130	RGB 49 33 48	#312130

#AD74AB #986696 #835882 #6F4A6D #5A3C59 #452E44 #312130

#AD74AB - #312130

HSV Blend

#AD74AB - #312130 | 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 #AD74AB as 0% and #312130 as 100%.

0.0%	0.0% #AD74AB	RGB 173 116 171	#AD74AB
16.7%	16.7% #986696	RGB 152 102 150	#986696
33.3%	33.3% #835881	RGB 131 88 129	#835881
50.0%	50.0% #6F4A6D	RGB 111 74 109	#6F4A6D
66.7%	66.7% #5A3C58	RGB 90 60 88	#5A3C58
83.3%	83.3% #452E44	RGB 69 46 68	#452E44
100.0%	100.0% #312130	RGB 49 33 48	#312130

#AD74AB #986696 #835881 #6F4A6D #5A3C58 #452E44 #312130

#AD74AB - #6F4A6D - #312130

CSS codes

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

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