#DFBAD5 - #3F353C | 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 #DFBAD5 to #3F353C

#DFBAD5 #3F353C

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

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

0.0%	0.0% #DFBAD5	RGB 223 186 213	#DFBAD5
16.7%	16.7% #C4A3BB	RGB 196 163 187	#C4A3BB
33.3%	33.3% #A98DA2	RGB 169 141 162	#A98DA2
50.0%	50.0% #8F7788	RGB 143 119 136	#8F7788
66.7%	66.7% #74616F	RGB 116 97 111	#74616F
83.3%	83.3% #594B55	RGB 89 75 85	#594B55
100.0%	100.0% #3F353C	RGB 63 53 60	#3F353C

#DFBAD5 #C4A3BB #A98DA2 #8F7788 #74616F #594B55 #3F353C

#DFBAD5 - #3F353C

HSV Blend

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

0.0%	0.0% #DFBAD5	RGB 223 186 213	#DFBAD5
16.7%	16.7% #C4A3BB	RGB 196 163 187	#C4A3BB
33.3%	33.3% #A98DA1	RGB 169 141 161	#A98DA1
50.0%	50.0% #8F7788	RGB 143 119 136	#8F7788
66.7%	66.7% #74616E	RGB 116 97 110	#74616E
83.3%	83.3% #594B55	RGB 89 75 85	#594B55
100.0%	100.0% #3F353C	RGB 63 53 60	#3F353C

#DFBAD5 #C4A3BB #A98DA1 #8F7788 #74616E #594B55 #3F353C

#DFBAD5 - #8F7788 - #3F353C

CSS codes

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

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