#240A10 - #C0B9BA | 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 #240A10 to #C0B9BA

#240A10 #C0B9BA

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

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

0.0%	0.0% #240A10	RGB 36 10 16	#240A10
16.7%	16.7% #3E272C	RGB 62 39 44	#3E272C
33.3%	33.3% #584448	RGB 88 68 72	#584448
50.0%	50.0% #726165	RGB 114 97 101	#726165
66.7%	66.7% #8C7E81	RGB 140 126 129	#8C7E81
83.3%	83.3% #A69B9D	RGB 166 155 157	#A69B9D
100.0%	100.0% #C0B9BA	RGB 192 185 186	#C0B9BA

#240A10 #3E272C #584448 #726165 #8C7E81 #A69B9D #C0B9BA

#240A10 - #C0B9BA

HSV Blend

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

0.0%	0.0% #240A10	RGB 36 10 16	#240A10
16.7%	16.7% #3E1820	RGB 62 24 32	#3E1820
33.3%	33.3% #582C35	RGB 88 44 53	#582C35
50.0%	50.0% #72464E	RGB 114 70 78	#72464E
66.7%	66.7% #8C666D	RGB 140 102 109	#8C666D
83.3%	83.3% #A68C90	RGB 166 140 144	#A68C90
100.0%	100.0% #C0B9BA	RGB 192 185 186	#C0B9BA

#240A10 #3E1820 #582C35 #72464E #8C666D #A68C90 #C0B9BA

#240A10 - #72464E - #C0B9BA

CSS codes

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

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