#240A19 - #C0B9BD | 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 #240A19 to #C0B9BD

#240A19 #C0B9BD

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

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

0.0%	0.0% #240A19	RGB 36 10 25	#240A19
16.7%	16.7% #3E2734	RGB 62 39 52	#3E2734
33.3%	33.3% #58444F	RGB 88 68 79	#58444F
50.0%	50.0% #72616B	RGB 114 97 107	#72616B
66.7%	66.7% #8C7E86	RGB 140 126 134	#8C7E86
83.3%	83.3% #A69BA1	RGB 166 155 161	#A69BA1
100.0%	100.0% #C0B9BD	RGB 192 185 189	#C0B9BD

#240A19 #3E2734 #58444F #72616B #8C7E86 #A69BA1 #C0B9BD

#240A19 - #C0B9BD

HSV Blend

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

0.0%	0.0% #240A19	RGB 36 10 25	#240A19
16.7%	16.7% #3E182E	RGB 62 24 46	#3E182E
33.3%	33.3% #582C45	RGB 88 44 69	#582C45
50.0%	50.0% #72465F	RGB 114 70 95	#72465F
66.7%	66.7% #8C667C	RGB 140 102 124	#8C667C
83.3%	83.3% #A68C9B	RGB 166 140 155	#A68C9B
100.0%	100.0% #C0B9BD	RGB 192 185 189	#C0B9BD

#240A19 #3E182E #582C45 #72465F #8C667C #A68C9B #C0B9BD

#240A19 - #72465F - #C0B9BD

CSS codes

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

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