#D8C0CF - #3D363B | 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 #D8C0CF to #3D363B

#D8C0CF #3D363B

Calculate the color between two colors, #D8C0CF and #3D363B. 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)

#D8C0CF - #3D363B | 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 #D8C0CF as 0% and #3D363B as 100%.

0.0%	0.0% #D8C0CF	RGB 216 192 207	#D8C0CF
16.7%	16.7% #BEA9B6	RGB 190 169 182	#BEA9B6
33.3%	33.3% #A4929D	RGB 164 146 157	#A4929D
50.0%	50.0% #8A7B85	RGB 138 123 133	#8A7B85
66.7%	66.7% #70646C	RGB 112 100 108	#70646C
83.3%	83.3% #564D53	RGB 86 77 83	#564D53
100.0%	100.0% #3D363B	RGB 61 54 59	#3D363B

#D8C0CF #BEA9B6 #A4929D #8A7B85 #70646C #564D53 #3D363B

#D8C0CF - #3D363B

HSV Blend

#D8C0CF - #3D363B | 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 #D8C0CF as 0% and #3D363B as 100%.

0.0%	0.0% #D8C0CF	RGB 216 192 207	#D8C0CF
16.7%	16.7% #BEA8B6	RGB 190 168 182	#BEA8B6
33.3%	33.3% #A4919D	RGB 164 145 157	#A4919D
50.0%	50.0% #8A7A85	RGB 138 122 133	#8A7A85
66.7%	66.7% #70636C	RGB 112 99 108	#70636C
83.3%	83.3% #564C53	RGB 86 76 83	#564C53
100.0%	100.0% #3D363B	RGB 61 54 59	#3D363B

#D8C0CF #BEA8B6 #A4919D #8A7A85 #70636C #564C53 #3D363B

#D8C0CF - #8A7A85 - #3D363B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D8C0CF 0%, #8A7A85 50%, #3D363B 100%);
    background: -webkit-linear-gradient(top, #D8C0CF 0%, #8A7A85 50%, #3D363B 100%);
    background: linear-gradient(to bottom, #D8C0CF 0%, #8A7A85 50%, #3D363B 100%);
}
</style>