#DAC3D0 - #3E373B | 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 #DAC3D0 to #3E373B

#DAC3D0 #3E373B

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

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

0.0%	0.0% #DAC3D0	RGB 218 195 208	#DAC3D0
16.7%	16.7% #C0ABB7	RGB 192 171 183	#C0ABB7
33.3%	33.3% #A6949E	RGB 166 148 158	#A6949E
50.0%	50.0% #8C7D85	RGB 140 125 133	#8C7D85
66.7%	66.7% #72656C	RGB 114 101 108	#72656C
83.3%	83.3% #584E53	RGB 88 78 83	#584E53
100.0%	100.0% #3E373B	RGB 62 55 59	#3E373B

#DAC3D0 #C0ABB7 #A6949E #8C7D85 #72656C #584E53 #3E373B

#DAC3D0 - #3E373B

HSV Blend

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

0.0%	0.0% #DAC3D0	RGB 218 195 208	#DAC3D0
16.7%	16.7% #C0ABB7	RGB 192 171 183	#C0ABB7
33.3%	33.3% #A6949E	RGB 166 148 158	#A6949E
50.0%	50.0% #8C7C85	RGB 140 124 133	#8C7C85
66.7%	66.7% #72656C	RGB 114 101 108	#72656C
83.3%	83.3% #584E53	RGB 88 78 83	#584E53
100.0%	100.0% #3E373B	RGB 62 55 59	#3E373B

#DAC3D0 #C0ABB7 #A6949E #8C7C85 #72656C #584E53 #3E373B

#DAC3D0 - #8C7C85 - #3E373B

CSS codes

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

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