#010E4D - #B6BACC | 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 #010E4D to #B6BACC

#010E4D #B6BACC

Calculate the color between two colors, #010E4D and #B6BACC. 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)

#010E4D - #B6BACC | 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 #010E4D as 0% and #B6BACC as 100%.

0.0%	0.0% #010E4D	RGB 1 14 77	#010E4D
16.7%	16.7% #1F2A62	RGB 31 42 98	#1F2A62
33.3%	33.3% #3D4777	RGB 61 71 119	#3D4777
50.0%	50.0% #5B648C	RGB 91 100 140	#5B648C
66.7%	66.7% #7980A1	RGB 121 128 161	#7980A1
83.3%	83.3% #979DB6	RGB 151 157 182	#979DB6
100.0%	100.0% #B6BACC	RGB 182 186 204	#B6BACC

#010E4D #1F2A62 #3D4777 #5B648C #7980A1 #979DB6 #B6BACC

#010E4D - #B6BACC

HSV Blend

#010E4D - #B6BACC | 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 #010E4D as 0% and #B6BACC as 100%.

0.0%	0.0% #010D4D	RGB 1 13 77	#010D4D
16.7%	16.7% #0F1D62	RGB 15 29 98	#0F1D62
33.3%	33.3% #243277	RGB 36 50 119	#243277
50.0%	50.0% #3F4D8C	RGB 63 77 140	#3F4D8C
66.7%	66.7% #606CA1	RGB 96 108 161	#606CA1
83.3%	83.3% #8890B6	RGB 136 144 182	#8890B6
100.0%	100.0% #B6BACC	RGB 182 186 204	#B6BACC

#010D4D #0F1D62 #243277 #3F4D8C #606CA1 #8890B6 #B6BACC

#010E4D - #3F4D8C - #B6BACC

CSS codes

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

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