#D9C7DF - #3C383F | 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 #D9C7DF to #3C383F

#D9C7DF #3C383F

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

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

0.0%	0.0% #D9C7DF	RGB 217 199 223	#D9C7DF
16.7%	16.7% #BEAFC4	RGB 190 175 196	#BEAFC4
33.3%	33.3% #A497A9	RGB 164 151 169	#A497A9
50.0%	50.0% #8A7F8F	RGB 138 127 143	#8A7F8F
66.7%	66.7% #706774	RGB 112 103 116	#706774
83.3%	83.3% #564F59	RGB 86 79 89	#564F59
100.0%	100.0% #3C383F	RGB 60 56 63	#3C383F

#D9C7DF #BEAFC4 #A497A9 #8A7F8F #706774 #564F59 #3C383F

#D9C7DF - #3C383F

HSV Blend

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

0.0%	0.0% #D9C7DF	RGB 217 199 223	#D9C7DF
16.7%	16.7% #BEAFC4	RGB 190 175 196	#BEAFC4
33.3%	33.3% #A397A9	RGB 163 151 169	#A397A9
50.0%	50.0% #897F8F	RGB 137 127 143	#897F8F
66.7%	66.7% #6F6774	RGB 111 103 116	#6F6774
83.3%	83.3% #554F59	RGB 85 79 89	#554F59
100.0%	100.0% #3C383F	RGB 60 56 63	#3C383F

#D9C7DF #BEAFC4 #A397A9 #897F8F #6F6774 #554F59 #3C383F

#D9C7DF - #897F8F - #3C383F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9C7DF 0%, #897F8F 50%, #3C383F 100%);
    background: -webkit-linear-gradient(top, #D9C7DF 0%, #897F8F 50%, #3C383F 100%);
    background: linear-gradient(to bottom, #D9C7DF 0%, #897F8F 50%, #3C383F 100%);
}
</style>