#421B5E - #190107 | 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 #421B5E to #190107

#421B5E #190107

Calculate the color between two colors, #421B5E and #190107. 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)

#421B5E - #190107 | 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 #421B5E as 0% and #190107 as 100%.

0.0%	0.0% #421B5E	RGB 66 27 94	#421B5E
16.7%	16.7% #3B164F	RGB 59 22 79	#3B164F
33.3%	33.3% #341241	RGB 52 18 65	#341241
50.0%	50.0% #2D0E32	RGB 45 14 50	#2D0E32
66.7%	66.7% #260923	RGB 38 9 35	#260923
83.3%	83.3% #1F0515	RGB 31 5 21	#1F0515
100.0%	100.0% #190107	RGB 25 1 7	#190107

#421B5E #3B164F #341241 #2D0E32 #260923 #1F0515 #190107

#421B5E - #190107

HSV Blend

#421B5E - #190107 | 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 #421B5E as 0% and #190107 as 100%.

0.0%	0.0% #421B5E	RGB 66 27 94	#421B5E
16.7%	16.7% #441452	RGB 68 20 82	#441452
33.3%	33.3% #450E47	RGB 69 14 71	#450E47
50.0%	50.0% #3B0933	RGB 59 9 51	#3B0933
66.7%	66.7% #300520	RGB 48 5 32	#300520
83.3%	83.3% #240211	RGB 36 2 17	#240211
100.0%	100.0% #190107	RGB 25 1 7	#190107

#421B5E #441452 #450E47 #3B0933 #300520 #240211 #190107

#421B5E - #3B0933 - #190107

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #421B5E 0%, #3B0933 50%, #190107 100%);
    background: -webkit-linear-gradient(top, #421B5E 0%, #3B0933 50%, #190107 100%);
    background: linear-gradient(to bottom, #421B5E 0%, #3B0933 50%, #190107 100%);
}
</style>