#230F09 - #C0BAB8 | 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 #230F09 to #C0BAB8

#230F09 #C0BAB8

Calculate the color between two colors, #230F09 and #C0BAB8. 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)

#230F09 - #C0BAB8 | 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 #230F09 as 0% and #C0BAB8 as 100%.

0.0%	0.0% #230F09	RGB 35 15 9	#230F09
16.7%	16.7% #3D2B26	RGB 61 43 38	#3D2B26
33.3%	33.3% #574843	RGB 87 72 67	#574843
50.0%	50.0% #716460	RGB 113 100 96	#716460
66.7%	66.7% #8B817D	RGB 139 129 125	#8B817D
83.3%	83.3% #A59D9A	RGB 165 157 154	#A59D9A
100.0%	100.0% #C0BAB8	RGB 192 186 184	#C0BAB8

#230F09 #3D2B26 #574843 #716460 #8B817D #A59D9A #C0BAB8

#230F09 - #C0BAB8

HSV Blend

#230F09 - #C0BAB8 | 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 #230F09 as 0% and #C0BAB8 as 100%.

0.0%	0.0% #230F08	RGB 35 15 8	#230F08
16.7%	16.7% #3D1F16	RGB 61 31 22	#3D1F16
33.3%	33.3% #57352A	RGB 87 53 42	#57352A
50.0%	50.0% #714F44	RGB 113 79 68	#714F44
66.7%	66.7% #8B6E65	RGB 139 110 101	#8B6E65
83.3%	83.3% #A5928B	RGB 165 146 139	#A5928B
100.0%	100.0% #C0BAB8	RGB 192 186 184	#C0BAB8

#230F08 #3D1F16 #57352A #714F44 #8B6E65 #A5928B #C0BAB8

#230F09 - #714F44 - #C0BAB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #230F08 0%, #714F44 50%, #C0BAB8 100%);
    background: -webkit-linear-gradient(top, #230F08 0%, #714F44 50%, #C0BAB8 100%);
    background: linear-gradient(to bottom, #230F08 0%, #714F44 50%, #C0BAB8 100%);
}
</style>