#15172C - #854C6E | 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 #15172C to #854C6E

#15172C #854C6E

Calculate the color between two colors, #15172C and #854C6E. 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)

#15172C - #854C6E | 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 #15172C as 0% and #854C6E as 100%.

0.0%	0.0% #15172C	RGB 21 23 44	#15172C
16.7%	16.7% #271F37	RGB 39 31 55	#271F37
33.3%	33.3% #3A2842	RGB 58 40 66	#3A2842
50.0%	50.0% #4D314D	RGB 77 49 77	#4D314D
66.7%	66.7% #5F3A58	RGB 95 58 88	#5F3A58
83.3%	83.3% #724363	RGB 114 67 99	#724363
100.0%	100.0% #854C6E	RGB 133 76 110	#854C6E

#15172C #271F37 #3A2842 #4D314D #5F3A58 #724363 #854C6E

#15172C - #854C6E

HSV Blend

#15172C - #854C6E | 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 #15172C as 0% and #854C6E as 100%.

0.0%	0.0% #15162C	RGB 21 22 44	#15162C
16.7%	16.7% #211D3A	RGB 33 29 58	#211D3A
33.3%	33.3% #342549	RGB 52 37 73	#342549
50.0%	50.0% #4A2E58	RGB 74 46 88	#4A2E58
66.7%	66.7% #623767	RGB 98 55 103	#623767
83.3%	83.3% #76416E	RGB 118 65 110	#76416E
100.0%	100.0% #854C6E	RGB 133 76 110	#854C6E

#15162C #211D3A #342549 #4A2E58 #623767 #76416E #854C6E

#15172C - #4A2E58 - #854C6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #15162C 0%, #4A2E58 50%, #854C6E 100%);
    background: -webkit-linear-gradient(top, #15162C 0%, #4A2E58 50%, #854C6E 100%);
    background: linear-gradient(to bottom, #15162C 0%, #4A2E58 50%, #854C6E 100%);
}
</style>