#D9CBDC - #3D3A3E | 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 #D9CBDC to #3D3A3E

#D9CBDC #3D3A3E

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

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

0.0%	0.0% #D9CBDC	RGB 217 203 220	#D9CBDC
16.7%	16.7% #BFB2C1	RGB 191 178 193	#BFB2C1
33.3%	33.3% #A59AA7	RGB 165 154 167	#A59AA7
50.0%	50.0% #8B828D	RGB 139 130 141	#8B828D
66.7%	66.7% #716A72	RGB 113 106 114	#716A72
83.3%	83.3% #575258	RGB 87 82 88	#575258
100.0%	100.0% #3D3A3E	RGB 61 58 62	#3D3A3E

#D9CBDC #BFB2C1 #A59AA7 #8B828D #716A72 #575258 #3D3A3E

#D9CBDC - #3D3A3E

HSV Blend

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

0.0%	0.0% #D9CBDC	RGB 217 203 220	#D9CBDC
16.7%	16.7% #BEB3C1	RGB 190 179 193	#BEB3C1
33.3%	33.3% #A49BA7	RGB 164 155 167	#A49BA7
50.0%	50.0% #8A838D	RGB 138 131 141	#8A838D
66.7%	66.7% #706A72	RGB 112 106 114	#706A72
83.3%	83.3% #565258	RGB 86 82 88	#565258
100.0%	100.0% #3D3A3E	RGB 61 58 62	#3D3A3E

#D9CBDC #BEB3C1 #A49BA7 #8A838D #706A72 #565258 #3D3A3E

#D9CBDC - #8A838D - #3D3A3E

CSS codes

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

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