#13083C - #BBB8C7 | 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 #13083C to #BBB8C7

#13083C #BBB8C7

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

#13083C - #BBB8C7 | 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 #13083C as 0% and #BBB8C7 as 100%.

0.0%	0.0% #13083C	RGB 19 8 60	#13083C
16.7%	16.7% #2F2553	RGB 47 37 83	#2F2553
33.3%	33.3% #4B426A	RGB 75 66 106	#4B426A
50.0%	50.0% #676081	RGB 103 96 129	#676081
66.7%	66.7% #837D98	RGB 131 125 152	#837D98
83.3%	83.3% #9F9AAF	RGB 159 154 175	#9F9AAF
100.0%	100.0% #BBB8C7	RGB 187 184 199	#BBB8C7

#13083C #2F2553 #4B426A #676081 #837D98 #9F9AAF #BBB8C7

#13083C - #BBB8C7

HSV Blend

#13083C - #BBB8C7 | 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 #13083C as 0% and #BBB8C7 as 100%.

0.0%	0.0% #12083C	RGB 18 8 60	#12083C
16.7%	16.7% #221653	RGB 34 22 83	#221653
33.3%	33.3% #372A6A	RGB 55 42 106	#372A6A
50.0%	50.0% #514481	RGB 81 68 129	#514481
66.7%	66.7% #6F6498	RGB 111 100 152	#6F6498
83.3%	83.3% #928BAF	RGB 146 139 175	#928BAF
100.0%	100.0% #BBB8C7	RGB 187 184 199	#BBB8C7

#12083C #221653 #372A6A #514481 #6F6498 #928BAF #BBB8C7

#13083C - #514481 - #BBB8C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #12083C 0%, #514481 50%, #BBB8C7 100%);
    background: -webkit-linear-gradient(top, #12083C 0%, #514481 50%, #BBB8C7 100%);
    background: linear-gradient(to bottom, #12083C 0%, #514481 50%, #BBB8C7 100%);
}
</style>