#190A24 - #BDB9C0 | 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 #190A24 to #BDB9C0

#190A24 #BDB9C0

Calculate the color between two colors, #190A24 and #BDB9C0. 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)

#190A24 - #BDB9C0 | 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 #190A24 as 0% and #BDB9C0 as 100%.

0.0%	0.0% #190A24	RGB 25 10 36	#190A24
16.7%	16.7% #34273E	RGB 52 39 62	#34273E
33.3%	33.3% #4F4458	RGB 79 68 88	#4F4458
50.0%	50.0% #6B6172	RGB 107 97 114	#6B6172
66.7%	66.7% #867E8C	RGB 134 126 140	#867E8C
83.3%	83.3% #A19BA6	RGB 161 155 166	#A19BA6
100.0%	100.0% #BDB9C0	RGB 189 185 192	#BDB9C0

#190A24 #34273E #4F4458 #6B6172 #867E8C #A19BA6 #BDB9C0

#190A24 - #BDB9C0

HSV Blend

#190A24 - #BDB9C0 | 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 #190A24 as 0% and #BDB9C0 as 100%.

0.0%	0.0% #190A24	RGB 25 10 36	#190A24
16.7%	16.7% #2E183E	RGB 46 24 62	#2E183E
33.3%	33.3% #452C58	RGB 69 44 88	#452C58
50.0%	50.0% #5F4672	RGB 95 70 114	#5F4672
66.7%	66.7% #7C668C	RGB 124 102 140	#7C668C
83.3%	83.3% #9B8CA6	RGB 155 140 166	#9B8CA6
100.0%	100.0% #BDB9C0	RGB 189 185 192	#BDB9C0

#190A24 #2E183E #452C58 #5F4672 #7C668C #9B8CA6 #BDB9C0

#190A24 - #5F4672 - #BDB9C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #190A24 0%, #5F4672 50%, #BDB9C0 100%);
    background: -webkit-linear-gradient(top, #190A24 0%, #5F4672 50%, #BDB9C0 100%);
    background: linear-gradient(to bottom, #190A24 0%, #5F4672 50%, #BDB9C0 100%);
}
</style>