#00015E - #B6B6D1 | 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 #B6B6D1

#00015E #B6B6D1

Calculate the color between two colors, #00015E and #B6B6D1. 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 - #B6B6D1 | 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 #B6B6D1 as 100%.

0.0%	0.0% #00015E	RGB 0 1 94	#00015E
16.7%	16.7% #1E1F71	RGB 30 31 113	#1E1F71
33.3%	33.3% #3C3D84	RGB 60 61 132	#3C3D84
50.0%	50.0% #5B5B97	RGB 91 91 151	#5B5B97
66.7%	66.7% #7979AA	RGB 121 121 170	#7979AA
83.3%	83.3% #9797BD	RGB 151 151 189	#9797BD
100.0%	100.0% #B6B6D1	RGB 182 182 209	#B6B6D1

#00015E #1E1F71 #3C3D84 #5B5B97 #7979AA #9797BD #B6B6D1

#00015E - #B6B6D1

HSV Blend

#00015E - #B6B6D1 | 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 #B6B6D1 as 100%.

0.0%	0.0% #00005E	RGB 0 0 94	#00005E
16.7%	16.7% #101171	RGB 16 17 113	#101171
33.3%	33.3% #262784	RGB 38 39 132	#262784
50.0%	50.0% #414297	RGB 65 66 151	#414297
66.7%	66.7% #6363AA	RGB 99 99 170	#6363AA
83.3%	83.3% #8989BD	RGB 137 137 189	#8989BD
100.0%	100.0% #B6B6D1	RGB 182 182 209	#B6B6D1

#00005E #101171 #262784 #414297 #6363AA #8989BD #B6B6D1

#00015E - #414297 - #B6B6D1

CSS codes

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

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