#240A13 - #C0B9BB | 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 #240A13 to #C0B9BB

#240A13 #C0B9BB

Calculate the color between two colors, #240A13 and #C0B9BB. 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)

#240A13 - #C0B9BB | 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 #240A13 as 0% and #C0B9BB as 100%.

0.0%	0.0% #240A13	RGB 36 10 19	#240A13
16.7%	16.7% #3E272F	RGB 62 39 47	#3E272F
33.3%	33.3% #58444B	RGB 88 68 75	#58444B
50.0%	50.0% #726167	RGB 114 97 103	#726167
66.7%	66.7% #8C7E83	RGB 140 126 131	#8C7E83
83.3%	83.3% #A69B9F	RGB 166 155 159	#A69B9F
100.0%	100.0% #C0B9BB	RGB 192 185 187	#C0B9BB

#240A13 #3E272F #58444B #726167 #8C7E83 #A69B9F #C0B9BB

#240A13 - #C0B9BB

HSV Blend

#240A13 - #C0B9BB | 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 #240A13 as 0% and #C0B9BB as 100%.

0.0%	0.0% #240A12	RGB 36 10 18	#240A12
16.7%	16.7% #3E1824	RGB 62 24 36	#3E1824
33.3%	33.3% #582C3A	RGB 88 44 58	#582C3A
50.0%	50.0% #724654	RGB 114 70 84	#724654
66.7%	66.7% #8C6672	RGB 140 102 114	#8C6672
83.3%	83.3% #A68C94	RGB 166 140 148	#A68C94
100.0%	100.0% #C0B9BB	RGB 192 185 187	#C0B9BB

#240A12 #3E1824 #582C3A #724654 #8C6672 #A68C94 #C0B9BB

#240A13 - #724654 - #C0B9BB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #240A12 0%, #724654 50%, #C0B9BB 100%);
    background: -webkit-linear-gradient(top, #240A12 0%, #724654 50%, #C0B9BB 100%);
    background: linear-gradient(to bottom, #240A12 0%, #724654 50%, #C0B9BB 100%);
}
</style>