#D9CDF5 - #3D3A46 | 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 #D9CDF5 to #3D3A46

#D9CDF5 #3D3A46

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

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

0.0%	0.0% #D9CDF5	RGB 217 205 245	#D9CDF5
16.7%	16.7% #BFB4D7	RGB 191 180 215	#BFB4D7
33.3%	33.3% #A59CBA	RGB 165 156 186	#A59CBA
50.0%	50.0% #8B839D	RGB 139 131 157	#8B839D
66.7%	66.7% #716B80	RGB 113 107 128	#716B80
83.3%	83.3% #575263	RGB 87 82 99	#575263
100.0%	100.0% #3D3A46	RGB 61 58 70	#3D3A46

#D9CDF5 #BFB4D7 #A59CBA #8B839D #716B80 #575263 #3D3A46

#D9CDF5 - #3D3A46

HSV Blend

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

0.0%	0.0% #D9CDF5	RGB 217 205 245	#D9CDF5
16.7%	16.7% #BEB4D7	RGB 190 180 215	#BEB4D7
33.3%	33.3% #A49BBA	RGB 164 155 186	#A49BBA
50.0%	50.0% #8A839D	RGB 138 131 157	#8A839D
66.7%	66.7% #706A80	RGB 112 106 128	#706A80
83.3%	83.3% #565263	RGB 86 82 99	#565263
100.0%	100.0% #3D3A46	RGB 61 58 70	#3D3A46

#D9CDF5 #BEB4D7 #A49BBA #8A839D #706A80 #565263 #3D3A46

#D9CDF5 - #8A839D - #3D3A46

CSS codes

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

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