#422B5E - #140434 | 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 #422B5E to #140434

#422B5E #140434

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

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

0.0%	0.0% #422B5E	RGB 66 43 94	#422B5E
16.7%	16.7% #3A2457	RGB 58 36 87	#3A2457
33.3%	33.3% #321E50	RGB 50 30 80	#321E50
50.0%	50.0% #2B1749	RGB 43 23 73	#2B1749
66.7%	66.7% #231042	RGB 35 16 66	#231042
83.3%	83.3% #1B0A3B	RGB 27 10 59	#1B0A3B
100.0%	100.0% #140434	RGB 20 4 52	#140434

#422B5E #3A2457 #321E50 #2B1749 #231042 #1B0A3B #140434

#422B5E - #140434

HSV Blend

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

0.0%	0.0% #412B5E	RGB 65 43 94	#412B5E
16.7%	16.7% #392257	RGB 57 34 87	#392257
33.3%	33.3% #301A50	RGB 48 26 80	#301A50
50.0%	50.0% #281349	RGB 40 19 73	#281349
66.7%	66.7% #210D42	RGB 33 13 66	#210D42
83.3%	83.3% #1A083B	RGB 26 8 59	#1A083B
100.0%	100.0% #140434	RGB 20 4 52	#140434

#412B5E #392257 #301A50 #281349 #210D42 #1A083B #140434

#422B5E - #281349 - #140434

CSS codes

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

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