#CDADA2 - #B1644C | 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 #CDADA2 to #B1644C

#CDADA2 #B1644C

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

#CDADA2 - #B1644C | 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 #CDADA2 as 0% and #B1644C as 100%.

0.0%	0.0% #CDADA2	RGB 205 173 162	#CDADA2
16.7%	16.7% #C8A093	RGB 200 160 147	#C8A093
33.3%	33.3% #C39485	RGB 195 148 133	#C39485
50.0%	50.0% #BF8877	RGB 191 136 119	#BF8877
66.7%	66.7% #BA7C68	RGB 186 124 104	#BA7C68
83.3%	83.3% #B5705A	RGB 181 112 90	#B5705A
100.0%	100.0% #B1644C	RGB 177 100 76	#B1644C

#CDADA2 #C8A093 #C39485 #BF8877 #BA7C68 #B5705A #B1644C

#CDADA2 - #B1644C

HSV Blend

#CDADA2 - #B1644C | 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 #CDADA2 as 0% and #B1644C as 100%.

0.0%	0.0% #CDADA2	RGB 205 173 162	#CDADA2
16.7%	16.7% #C89F92	RGB 200 159 146	#C89F92
33.3%	33.3% #C39383	RGB 195 147 131	#C39383
50.0%	50.0% #BF8674	RGB 191 134 116	#BF8674
66.7%	66.7% #BA7A66	RGB 186 122 102	#BA7A66
83.3%	83.3% #B56F58	RGB 181 111 88	#B56F58
100.0%	100.0% #B1644C	RGB 177 100 76	#B1644C

#CDADA2 #C89F92 #C39383 #BF8674 #BA7A66 #B56F58 #B1644C

#CDADA2 - #BF8674 - #B1644C

CSS codes

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

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