#AB5A8F - #301928 | 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 #AB5A8F to #301928

#AB5A8F #301928

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

#AB5A8F - #301928 | 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 #AB5A8F as 0% and #301928 as 100%.

0.0%	0.0% #AB5A8F	RGB 171 90 143	#AB5A8F
16.7%	16.7% #964F7D	RGB 150 79 125	#964F7D
33.3%	33.3% #82446C	RGB 130 68 108	#82446C
50.0%	50.0% #6D395B	RGB 109 57 91	#6D395B
66.7%	66.7% #592E4A	RGB 89 46 74	#592E4A
83.3%	83.3% #442339	RGB 68 35 57	#442339
100.0%	100.0% #301928	RGB 48 25 40	#301928

#AB5A8F #964F7D #82446C #6D395B #592E4A #442339 #301928

#AB5A8F - #301928

HSV Blend

#AB5A8F - #301928 | 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 #AB5A8F as 0% and #301928 as 100%.

0.0%	0.0% #AB5A8F	RGB 171 90 143	#AB5A8F
16.7%	16.7% #964F7D	RGB 150 79 125	#964F7D
33.3%	33.3% #82446C	RGB 130 68 108	#82446C
50.0%	50.0% #6D395B	RGB 109 57 91	#6D395B
66.7%	66.7% #592E4A	RGB 89 46 74	#592E4A
83.3%	83.3% #442339	RGB 68 35 57	#442339
100.0%	100.0% #301928	RGB 48 25 40	#301928

#AB5A8F #964F7D #82446C #6D395B #592E4A #442339 #301928

#AB5A8F - #6D395B - #301928

CSS codes

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

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