#D9CFFB - #3E3B47 | 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 #D9CFFB to #3E3B47

#D9CFFB #3E3B47

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

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

0.0%	0.0% #D9CFFB	RGB 217 207 251	#D9CFFB
16.7%	16.7% #BFB6DD	RGB 191 182 221	#BFB6DD
33.3%	33.3% #A59DBF	RGB 165 157 191	#A59DBF
50.0%	50.0% #8B85A1	RGB 139 133 161	#8B85A1
66.7%	66.7% #716C83	RGB 113 108 131	#716C83
83.3%	83.3% #575365	RGB 87 83 101	#575365
100.0%	100.0% #3E3B47	RGB 62 59 71	#3E3B47

#D9CFFB #BFB6DD #A59DBF #8B85A1 #716C83 #575365 #3E3B47

#D9CFFB - #3E3B47

HSV Blend

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

0.0%	0.0% #D9CFFB	RGB 217 207 251	#D9CFFB
16.7%	16.7% #BFB6DD	RGB 191 182 221	#BFB6DD
33.3%	33.3% #A59DBF	RGB 165 157 191	#A59DBF
50.0%	50.0% #8B85A1	RGB 139 133 161	#8B85A1
66.7%	66.7% #726C83	RGB 114 108 131	#726C83
83.3%	83.3% #585365	RGB 88 83 101	#585365
100.0%	100.0% #3E3B47	RGB 62 59 71	#3E3B47

#D9CFFB #BFB6DD #A59DBF #8B85A1 #726C83 #585365 #3E3B47

#D9CFFB - #8B85A1 - #3E3B47

CSS codes

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

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