#121036 - #7E486C | 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 #121036 to #7E486C

#121036 #7E486C

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

#121036 - #7E486C | 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 #121036 as 0% and #7E486C as 100%.

0.0%	0.0% #121036	RGB 18 16 54	#121036
16.7%	16.7% #24193F	RGB 36 25 63	#24193F
33.3%	33.3% #362248	RGB 54 34 72	#362248
50.0%	50.0% #482C51	RGB 72 44 81	#482C51
66.7%	66.7% #5A355A	RGB 90 53 90	#5A355A
83.3%	83.3% #6C3E63	RGB 108 62 99	#6C3E63
100.0%	100.0% #7E486C	RGB 126 72 108	#7E486C

#121036 #24193F #362248 #482C51 #5A355A #6C3E63 #7E486C

#121036 - #7E486C

HSV Blend

#121036 - #7E486C | 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 #121036 as 0% and #7E486C as 100%.

0.0%	0.0% #111036	RGB 17 16 54	#111036
16.7%	16.7% #221642	RGB 34 22 66	#221642
33.3%	33.3% #351E4E	RGB 53 30 78	#351E4E
50.0%	50.0% #4A275A	RGB 74 39 90	#4A275A
66.7%	66.7% #613066	RGB 97 48 102	#613066
83.3%	83.3% #723B6B	RGB 114 59 107	#723B6B
100.0%	100.0% #7E486C	RGB 126 72 108	#7E486C

#111036 #221642 #351E4E #4A275A #613066 #723B6B #7E486C

#121036 - #4A275A - #7E486C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #111036 0%, #4A275A 50%, #7E486C 100%);
    background: -webkit-linear-gradient(top, #111036 0%, #4A275A 50%, #7E486C 100%);
    background: linear-gradient(to bottom, #111036 0%, #4A275A 50%, #7E486C 100%);
}
</style>