#423B5E - #12101A | 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 #423B5E to #12101A

#423B5E #12101A

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

#423B5E - #12101A | 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 #423B5E as 0% and #12101A as 100%.

0.0%	0.0% #423B5E	RGB 66 59 94	#423B5E
16.7%	16.7% #3A3352	RGB 58 51 82	#3A3352
33.3%	33.3% #322C47	RGB 50 44 71	#322C47
50.0%	50.0% #2A253C	RGB 42 37 60	#2A253C
66.7%	66.7% #221E30	RGB 34 30 48	#221E30
83.3%	83.3% #1A1725	RGB 26 23 37	#1A1725
100.0%	100.0% #12101A	RGB 18 16 26	#12101A

#423B5E #3A3352 #322C47 #2A253C #221E30 #1A1725 #12101A

#423B5E - #12101A

HSV Blend

#423B5E - #12101A | 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 #423B5E as 0% and #12101A as 100%.

0.0%	0.0% #423B5E	RGB 66 59 94	#423B5E
16.7%	16.7% #393352	RGB 57 51 82	#393352
33.3%	33.3% #312C47	RGB 49 44 71	#312C47
50.0%	50.0% #29253C	RGB 41 37 60	#29253C
66.7%	66.7% #211E30	RGB 33 30 48	#211E30
83.3%	83.3% #191725	RGB 25 23 37	#191725
100.0%	100.0% #12101A	RGB 18 16 26	#12101A

#423B5E #393352 #312C47 #29253C #211E30 #191725 #12101A

#423B5E - #29253C - #12101A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #423B5E 0%, #29253C 50%, #12101A 100%);
    background: -webkit-linear-gradient(top, #423B5E 0%, #29253C 50%, #12101A 100%);
    background: linear-gradient(to bottom, #423B5E 0%, #29253C 50%, #12101A 100%);
}
</style>