#A793A8 - #2F2A30 | 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 #A793A8 to #2F2A30

#A793A8 #2F2A30

Calculate the color between two colors, #A793A8 and #2F2A30. 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)

#A793A8 - #2F2A30 | 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 #A793A8 as 0% and #2F2A30 as 100%.

0.0%	0.0% #A793A8	RGB 167 147 168	#A793A8
16.7%	16.7% #938194	RGB 147 129 148	#938194
33.3%	33.3% #7F7080	RGB 127 112 128	#7F7080
50.0%	50.0% #6B5E6C	RGB 107 94 108	#6B5E6C
66.7%	66.7% #574D58	RGB 87 77 88	#574D58
83.3%	83.3% #433B44	RGB 67 59 68	#433B44
100.0%	100.0% #2F2A30	RGB 47 42 48	#2F2A30

#A793A8 #938194 #7F7080 #6B5E6C #574D58 #433B44 #2F2A30

#A793A8 - #2F2A30

HSV Blend

#A793A8 - #2F2A30 | 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 #A793A8 as 0% and #2F2A30 as 100%.

0.0%	0.0% #A793A8	RGB 167 147 168	#A793A8
16.7%	16.7% #928194	RGB 146 129 148	#928194
33.3%	33.3% #7E7080	RGB 126 112 128	#7E7080
50.0%	50.0% #6A5E6C	RGB 106 94 108	#6A5E6C
66.7%	66.7% #564D58	RGB 86 77 88	#564D58
83.3%	83.3% #423B44	RGB 66 59 68	#423B44
100.0%	100.0% #2F2A30	RGB 47 42 48	#2F2A30

#A793A8 #928194 #7E7080 #6A5E6C #564D58 #423B44 #2F2A30

#A793A8 - #6A5E6C - #2F2A30

CSS codes

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

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