#030224 - #B7B6C0 | 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 #030224 to #B7B6C0

#030224 #B7B6C0

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

#030224 - #B7B6C0 | 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 #030224 as 0% and #B7B6C0 as 100%.

0.0%	0.0% #030224	RGB 3 2 36	#030224
16.7%	16.7% #21203E	RGB 33 32 62	#21203E
33.3%	33.3% #3F3E58	RGB 63 62 88	#3F3E58
50.0%	50.0% #5D5C72	RGB 93 92 114	#5D5C72
66.7%	66.7% #7B7A8C	RGB 123 122 140	#7B7A8C
83.3%	83.3% #9998A6	RGB 153 152 166	#9998A6
100.0%	100.0% #B7B6C0	RGB 183 182 192	#B7B6C0

#030224 #21203E #3F3E58 #5D5C72 #7B7A8C #9998A6 #B7B6C0

#030224 - #B7B6C0

HSV Blend

#030224 - #B7B6C0 | 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 #030224 as 0% and #B7B6C0 as 100%.

0.0%	0.0% #030224	RGB 3 2 36	#030224
16.7%	16.7% #0E0C3E	RGB 14 12 62	#0E0C3E
33.3%	33.3% #221F58	RGB 34 31 88	#221F58
50.0%	50.0% #3C3972	RGB 60 57 114	#3C3972
66.7%	66.7% #5E5B8C	RGB 94 91 140	#5E5B8C
83.3%	83.3% #8784A6	RGB 135 132 166	#8784A6
100.0%	100.0% #B7B6C0	RGB 183 182 192	#B7B6C0

#030224 #0E0C3E #221F58 #3C3972 #5E5B8C #8784A6 #B7B6C0

#030224 - #3C3972 - #B7B6C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #030224 0%, #3C3972 50%, #B7B6C0 100%);
    background: -webkit-linear-gradient(top, #030224 0%, #3C3972 50%, #B7B6C0 100%);
    background: linear-gradient(to bottom, #030224 0%, #3C3972 50%, #B7B6C0 100%);
}
</style>