#410D5E - #A4477D | 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 #410D5E to #A4477D

#410D5E #A4477D

Calculate the color between two colors, #410D5E and #A4477D. 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)

#410D5E - #A4477D | 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 #410D5E as 0% and #A4477D as 100%.

0.0%	0.0% #410D5E	RGB 65 13 94	#410D5E
16.7%	16.7% #511663	RGB 81 22 99	#511663
33.3%	33.3% #622068	RGB 98 32 104	#622068
50.0%	50.0% #722A6D	RGB 114 42 109	#722A6D
66.7%	66.7% #833372	RGB 131 51 114	#833372
83.3%	83.3% #933D77	RGB 147 61 119	#933D77
100.0%	100.0% #A4477D	RGB 164 71 125	#A4477D

#410D5E #511663 #622068 #722A6D #833372 #933D77 #A4477D

#410D5E - #A4477D

HSV Blend

#410D5E - #A4477D | 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 #410D5E as 0% and #A4477D as 100%.

0.0%	0.0% #410C5E	RGB 65 12 94	#410C5E
16.7%	16.7% #561369	RGB 86 19 105	#561369
33.3%	33.3% #6C1B75	RGB 108 27 117	#6C1B75
50.0%	50.0% #81247E	RGB 129 36 126	#81247E
66.7%	66.7% #8C2F7D	RGB 140 47 125	#8C2F7D
83.3%	83.3% #983A7D	RGB 152 58 125	#983A7D
100.0%	100.0% #A4477D	RGB 164 71 125	#A4477D

#410C5E #561369 #6C1B75 #81247E #8C2F7D #983A7D #A4477D

#410D5E - #81247E - #A4477D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #410C5E 0%, #81247E 50%, #A4477D 100%);
    background: -webkit-linear-gradient(top, #410C5E 0%, #81247E 50%, #A4477D 100%);
    background: linear-gradient(to bottom, #410C5E 0%, #81247E 50%, #A4477D 100%);
}
</style>