#D9C0D7 - #3E363C | 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 #D9C0D7 to #3E363C

#D9C0D7 #3E363C

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

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

0.0%	0.0% #D9C0D7	RGB 217 192 215	#D9C0D7
16.7%	16.7% #BFA9BD	RGB 191 169 189	#BFA9BD
33.3%	33.3% #A592A3	RGB 165 146 163	#A592A3
50.0%	50.0% #8B7B89	RGB 139 123 137	#8B7B89
66.7%	66.7% #71646F	RGB 113 100 111	#71646F
83.3%	83.3% #574D55	RGB 87 77 85	#574D55
100.0%	100.0% #3E363C	RGB 62 54 60	#3E363C

#D9C0D7 #BFA9BD #A592A3 #8B7B89 #71646F #574D55 #3E363C

#D9C0D7 - #3E363C

HSV Blend

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

0.0%	0.0% #D9C0D7	RGB 217 192 215	#D9C0D7
16.7%	16.7% #BFA8BC	RGB 191 168 188	#BFA8BC
33.3%	33.3% #A591A2	RGB 165 145 162	#A591A2
50.0%	50.0% #8B7A88	RGB 139 122 136	#8B7A88
66.7%	66.7% #71636E	RGB 113 99 110	#71636E
83.3%	83.3% #574C55	RGB 87 76 85	#574C55
100.0%	100.0% #3E363C	RGB 62 54 60	#3E363C

#D9C0D7 #BFA8BC #A591A2 #8B7A88 #71636E #574C55 #3E363C

#D9C0D7 - #8B7A88 - #3E363C

CSS codes

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

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