#00015E - #5433AE | 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 #00015E to #5433AE

#00015E #5433AE

Calculate the color between two colors, #00015E and #5433AE. 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)

#00015E - #5433AE | 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 #00015E as 0% and #5433AE as 100%.

0.0%	0.0% #00015E	RGB 0 1 94	#00015E
16.7%	16.7% #0E096B	RGB 14 9 107	#0E096B
33.3%	33.3% #1C1178	RGB 28 17 120	#1C1178
50.0%	50.0% #2A1A86	RGB 42 26 134	#2A1A86
66.7%	66.7% #382293	RGB 56 34 147	#382293
83.3%	83.3% #462AA0	RGB 70 42 160	#462AA0
100.0%	100.0% #5433AE	RGB 84 51 174	#5433AE

#00015E #0E096B #1C1178 #2A1A86 #382293 #462AA0 #5433AE

#00015E - #5433AE

HSV Blend

#00015E - #5433AE | 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 #00015E as 0% and #5433AE as 100%.

0.0%	0.0% #00005E	RGB 0 0 94	#00005E
16.7%	16.7% #08056B	RGB 8 5 107	#08056B
33.3%	33.3% #140B78	RGB 20 11 120	#140B78
50.0%	50.0% #221386	RGB 34 19 134	#221386
66.7%	66.7% #311C93	RGB 49 28 147	#311C93
83.3%	83.3% #4227A0	RGB 66 39 160	#4227A0
100.0%	100.0% #5433AE	RGB 84 51 174	#5433AE

#00005E #08056B #140B78 #221386 #311C93 #4227A0 #5433AE

#00015E - #221386 - #5433AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00005E 0%, #221386 50%, #5433AE 100%);
    background: -webkit-linear-gradient(top, #00005E 0%, #221386 50%, #5433AE 100%);
    background: linear-gradient(to bottom, #00005E 0%, #221386 50%, #5433AE 100%);
}
</style>