#DAC8D9 - #3E393D | 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 #DAC8D9 to #3E393D

#DAC8D9 #3E393D

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

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

0.0%	0.0% #DAC8D9	RGB 218 200 217	#DAC8D9
16.7%	16.7% #C0B0BF	RGB 192 176 191	#C0B0BF
33.3%	33.3% #A698A5	RGB 166 152 165	#A698A5
50.0%	50.0% #8C808B	RGB 140 128 139	#8C808B
66.7%	66.7% #726871	RGB 114 104 113	#726871
83.3%	83.3% #585057	RGB 88 80 87	#585057
100.0%	100.0% #3E393D	RGB 62 57 61	#3E393D

#DAC8D9 #C0B0BF #A698A5 #8C808B #726871 #585057 #3E393D

#DAC8D9 - #3E393D

HSV Blend

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

0.0%	0.0% #DAC8D9	RGB 218 200 217	#DAC8D9
16.7%	16.7% #C0B0BE	RGB 192 176 190	#C0B0BE
33.3%	33.3% #A698A4	RGB 166 152 164	#A698A4
50.0%	50.0% #8C808A	RGB 140 128 138	#8C808A
66.7%	66.7% #726870	RGB 114 104 112	#726870
83.3%	83.3% #585056	RGB 88 80 86	#585056
100.0%	100.0% #3E393D	RGB 62 57 61	#3E393D

#DAC8D9 #C0B0BE #A698A4 #8C808A #726870 #585056 #3E393D

#DAC8D9 - #8C808A - #3E393D

CSS codes

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

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