#1F152C - #BEBCC2 | 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 #1F152C to #BEBCC2

#1F152C #BEBCC2

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

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

0.0%	0.0% #1F152C	RGB 31 21 44	#1F152C
16.7%	16.7% #393045	RGB 57 48 69	#393045
33.3%	33.3% #544C5E	RGB 84 76 94	#544C5E
50.0%	50.0% #6E6877	RGB 110 104 119	#6E6877
66.7%	66.7% #898490	RGB 137 132 144	#898490
83.3%	83.3% #A3A0A9	RGB 163 160 169	#A3A0A9
100.0%	100.0% #BEBCC2	RGB 190 188 194	#BEBCC2

#1F152C #393045 #544C5E #6E6877 #898490 #A3A0A9 #BEBCC2

#1F152C - #BEBCC2

HSV Blend

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

0.0%	0.0% #1F152C	RGB 31 21 44	#1F152C
16.7%	16.7% #332645	RGB 51 38 69	#332645
33.3%	33.3% #493C5E	RGB 73 60 94	#493C5E
50.0%	50.0% #625677	RGB 98 86 119	#625677
66.7%	66.7% #7E7390	RGB 126 115 144	#7E7390
83.3%	83.3% #9C95A9	RGB 156 149 169	#9C95A9
100.0%	100.0% #BEBCC2	RGB 190 188 194	#BEBCC2

#1F152C #332645 #493C5E #625677 #7E7390 #9C95A9 #BEBCC2

#1F152C - #625677 - #BEBCC2

CSS codes

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

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