#24162B - #C0BCC2 | 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 #24162B to #C0BCC2

#24162B #C0BCC2

Calculate the color between two colors, #24162B and #C0BCC2. 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)

#24162B - #C0BCC2 | 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 #24162B as 0% and #C0BCC2 as 100%.

0.0%	0.0% #24162B	RGB 36 22 43	#24162B
16.7%	16.7% #3E3144	RGB 62 49 68	#3E3144
33.3%	33.3% #584D5D	RGB 88 77 93	#584D5D
50.0%	50.0% #726976	RGB 114 105 118	#726976
66.7%	66.7% #8C848F	RGB 140 132 143	#8C848F
83.3%	83.3% #A6A0A8	RGB 166 160 168	#A6A0A8
100.0%	100.0% #C0BCC2	RGB 192 188 194	#C0BCC2

#24162B #3E3144 #584D5D #726976 #8C848F #A6A0A8 #C0BCC2

#24162B - #C0BCC2

HSV Blend

#24162B - #C0BCC2 | 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 #24162B as 0% and #C0BCC2 as 100%.

0.0%	0.0% #24162B	RGB 36 22 43	#24162B
16.7%	16.7% #3A2844	RGB 58 40 68	#3A2844
33.3%	33.3% #523D5D	RGB 82 61 93	#523D5D
50.0%	50.0% #6C5776	RGB 108 87 118	#6C5776
66.7%	66.7% #86758F	RGB 134 117 143	#86758F
83.3%	83.3% #A296A8	RGB 162 150 168	#A296A8
100.0%	100.0% #C0BCC2	RGB 192 188 194	#C0BCC2

#24162B #3A2844 #523D5D #6C5776 #86758F #A296A8 #C0BCC2

#24162B - #6C5776 - #C0BCC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #24162B 0%, #6C5776 50%, #C0BCC2 100%);
    background: -webkit-linear-gradient(top, #24162B 0%, #6C5776 50%, #C0BCC2 100%);
    background: linear-gradient(to bottom, #24162B 0%, #6C5776 50%, #C0BCC2 100%);
}
</style>