#6B333C - #D4C4C7 | 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 #6B333C to #D4C4C7

#6B333C #D4C4C7

Calculate the color between two colors, #6B333C and #D4C4C7. 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)

#6B333C - #D4C4C7 | 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 #6B333C as 0% and #D4C4C7 as 100%.

0.0%	0.0% #6B333C	RGB 107 51 60	#6B333C
16.7%	16.7% #7C4B53	RGB 124 75 83	#7C4B53
33.3%	33.3% #8E636A	RGB 142 99 106	#8E636A
50.0%	50.0% #9F7B81	RGB 159 123 129	#9F7B81
66.7%	66.7% #B19398	RGB 177 147 152	#B19398
83.3%	83.3% #C2ABAF	RGB 194 171 175	#C2ABAF
100.0%	100.0% #D4C4C7	RGB 212 196 199	#D4C4C7

#6B333C #7C4B53 #8E636A #9F7B81 #B19398 #C2ABAF #D4C4C7

#6B333C - #D4C4C7

HSV Blend

#6B333C - #D4C4C7 | 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 #6B333C as 0% and #D4C4C7 as 100%.

0.0%	0.0% #6B333C	RGB 107 51 60	#6B333C
16.7%	16.7% #7C444D	RGB 124 68 77	#7C444D
33.3%	33.3% #8E5861	RGB 142 88 97	#8E5861
50.0%	50.0% #9F6F78	RGB 159 111 120	#9F6F78
66.7%	66.7% #B18990	RGB 177 137 144	#B18990
83.3%	83.3% #C2A5AA	RGB 194 165 170	#C2A5AA
100.0%	100.0% #D4C4C7	RGB 212 196 199	#D4C4C7

#6B333C #7C444D #8E5861 #9F6F78 #B18990 #C2A5AA #D4C4C7

#6B333C - #9F6F78 - #D4C4C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B333C 0%, #9F6F78 50%, #D4C4C7 100%);
    background: -webkit-linear-gradient(top, #6B333C 0%, #9F6F78 50%, #D4C4C7 100%);
    background: linear-gradient(to bottom, #6B333C 0%, #9F6F78 50%, #D4C4C7 100%);
}
</style>