#1D083C - #BFB8C7 | 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 #1D083C to #BFB8C7

#1D083C #BFB8C7

Calculate the color between two colors, #1D083C and #BFB8C7. 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)

#1D083C - #BFB8C7 | 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 #1D083C as 0% and #BFB8C7 as 100%.

0.0%	0.0% #1D083C	RGB 29 8 60	#1D083C
16.7%	16.7% #382553	RGB 56 37 83	#382553
33.3%	33.3% #53426A	RGB 83 66 106	#53426A
50.0%	50.0% #6E6081	RGB 110 96 129	#6E6081
66.7%	66.7% #897D98	RGB 137 125 152	#897D98
83.3%	83.3% #A49AAF	RGB 164 154 175	#A49AAF
100.0%	100.0% #BFB8C7	RGB 191 184 199	#BFB8C7

#1D083C #382553 #53426A #6E6081 #897D98 #A49AAF #BFB8C7

#1D083C - #BFB8C7

HSV Blend

#1D083C - #BFB8C7 | 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 #1D083C as 0% and #BFB8C7 as 100%.

0.0%	0.0% #1C083C	RGB 28 8 60	#1C083C
16.7%	16.7% #2F1653	RGB 47 22 83	#2F1653
33.3%	33.3% #452A6A	RGB 69 42 106	#452A6A
50.0%	50.0% #5F4481	RGB 95 68 129	#5F4481
66.7%	66.7% #7B6498	RGB 123 100 152	#7B6498
83.3%	83.3% #9C8BAF	RGB 156 139 175	#9C8BAF
100.0%	100.0% #BFB8C7	RGB 191 184 199	#BFB8C7

#1C083C #2F1653 #452A6A #5F4481 #7B6498 #9C8BAF #BFB8C7

#1D083C - #5F4481 - #BFB8C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C083C 0%, #5F4481 50%, #BFB8C7 100%);
    background: -webkit-linear-gradient(top, #1C083C 0%, #5F4481 50%, #BFB8C7 100%);
    background: linear-gradient(to bottom, #1C083C 0%, #5F4481 50%, #BFB8C7 100%);
}
</style>