#DACAD5 - #3E393C | 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 #DACAD5 to #3E393C

#DACAD5 #3E393C

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

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

0.0%	0.0% #DACAD5	RGB 218 202 213	#DACAD5
16.7%	16.7% #C0B1BB	RGB 192 177 187	#C0B1BB
33.3%	33.3% #A699A2	RGB 166 153 162	#A699A2
50.0%	50.0% #8C8188	RGB 140 129 136	#8C8188
66.7%	66.7% #72696F	RGB 114 105 111	#72696F
83.3%	83.3% #585155	RGB 88 81 85	#585155
100.0%	100.0% #3E393C	RGB 62 57 60	#3E393C

#DACAD5 #C0B1BB #A699A2 #8C8188 #72696F #585155 #3E393C

#DACAD5 - #3E393C

HSV Blend

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

0.0%	0.0% #DACAD5	RGB 218 202 213	#DACAD5
16.7%	16.7% #C0B1BB	RGB 192 177 187	#C0B1BB
33.3%	33.3% #A699A1	RGB 166 153 161	#A699A1
50.0%	50.0% #8C8188	RGB 140 129 136	#8C8188
66.7%	66.7% #72696E	RGB 114 105 110	#72696E
83.3%	83.3% #585155	RGB 88 81 85	#585155
100.0%	100.0% #3E393C	RGB 62 57 60	#3E393C

#DACAD5 #C0B1BB #A699A1 #8C8188 #72696E #585155 #3E393C

#DACAD5 - #8C8188 - #3E393C

CSS codes

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

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