#FFCDAB - #483930 | 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 #FFCDAB to #483930

#FFCDAB #483930

Calculate the color between two colors, #FFCDAB and #483930. 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)

#FFCDAB - #483930 | 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 #FFCDAB as 0% and #483930 as 100%.

0.0%	0.0% #FFCDAB	RGB 255 205 171	#FFCDAB
16.7%	16.7% #E0B496	RGB 224 180 150	#E0B496
33.3%	33.3% #C29B82	RGB 194 155 130	#C29B82
50.0%	50.0% #A3836D	RGB 163 131 109	#A3836D
66.7%	66.7% #846A59	RGB 132 106 89	#846A59
83.3%	83.3% #665144	RGB 102 81 68	#665144
100.0%	100.0% #483930	RGB 72 57 48	#483930

#FFCDAB #E0B496 #C29B82 #A3836D #846A59 #665144 #483930

#FFCDAB - #483930

HSV Blend

#FFCDAB - #483930 | 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 #FFCDAB as 0% and #483930 as 100%.

0.0%	0.0% #FFCDAB	RGB 255 205 171	#FFCDAB
16.7%	16.7% #E0B496	RGB 224 180 150	#E0B496
33.3%	33.3% #C29B81	RGB 194 155 129	#C29B81
50.0%	50.0% #A3826D	RGB 163 130 109	#A3826D
66.7%	66.7% #846958	RGB 132 105 88	#846958
83.3%	83.3% #665144	RGB 102 81 68	#665144
100.0%	100.0% #483930	RGB 72 57 48	#483930

#FFCDAB #E0B496 #C29B81 #A3826D #846958 #665144 #483930

#FFCDAB - #A3826D - #483930

CSS codes

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

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