#140C24 - #BBB9C0 | 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 #140C24 to #BBB9C0

#140C24 #BBB9C0

Calculate the color between two colors, #140C24 and #BBB9C0. 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)

#140C24 - #BBB9C0 | 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 #140C24 as 0% and #BBB9C0 as 100%.

0.0%	0.0% #140C24	RGB 20 12 36	#140C24
16.7%	16.7% #2F283E	RGB 47 40 62	#2F283E
33.3%	33.3% #4B4558	RGB 75 69 88	#4B4558
50.0%	50.0% #676272	RGB 103 98 114	#676272
66.7%	66.7% #837F8C	RGB 131 127 140	#837F8C
83.3%	83.3% #9F9CA6	RGB 159 156 166	#9F9CA6
100.0%	100.0% #BBB9C0	RGB 187 185 192	#BBB9C0

#140C24 #2F283E #4B4558 #676272 #837F8C #9F9CA6 #BBB9C0

#140C24 - #BBB9C0

HSV Blend

#140C24 - #BBB9C0 | 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 #140C24 as 0% and #BBB9C0 as 100%.

0.0%	0.0% #140C24	RGB 20 12 36	#140C24
16.7%	16.7% #261B3E	RGB 38 27 62	#261B3E
33.3%	33.3% #3C2F58	RGB 60 47 88	#3C2F58
50.0%	50.0% #564972	RGB 86 73 114	#564972
66.7%	66.7% #73698C	RGB 115 105 140	#73698C
83.3%	83.3% #958EA6	RGB 149 142 166	#958EA6
100.0%	100.0% #BBB9C0	RGB 187 185 192	#BBB9C0

#140C24 #261B3E #3C2F58 #564972 #73698C #958EA6 #BBB9C0

#140C24 - #564972 - #BBB9C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #140C24 0%, #564972 50%, #BBB9C0 100%);
    background: -webkit-linear-gradient(top, #140C24 0%, #564972 50%, #BBB9C0 100%);
    background: linear-gradient(to bottom, #140C24 0%, #564972 50%, #BBB9C0 100%);
}
</style>