#D1CDF1 - #3C3A44 | 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 #D1CDF1 to #3C3A44

#D1CDF1 #3C3A44

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

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

0.0%	0.0% #D1CDF1	RGB 209 205 241	#D1CDF1
16.7%	16.7% #B8B4D4	RGB 184 180 212	#B8B4D4
33.3%	33.3% #9F9CB7	RGB 159 156 183	#9F9CB7
50.0%	50.0% #86839A	RGB 134 131 154	#86839A
66.7%	66.7% #6D6B7D	RGB 109 107 125	#6D6B7D
83.3%	83.3% #545260	RGB 84 82 96	#545260
100.0%	100.0% #3C3A44	RGB 60 58 68	#3C3A44

#D1CDF1 #B8B4D4 #9F9CB7 #86839A #6D6B7D #545260 #3C3A44

#D1CDF1 - #3C3A44

HSV Blend

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

0.0%	0.0% #D1CDF1	RGB 209 205 241	#D1CDF1
16.7%	16.7% #B8B4D4	RGB 184 180 212	#B8B4D4
33.3%	33.3% #9F9CB7	RGB 159 156 183	#9F9CB7
50.0%	50.0% #87839A	RGB 135 131 154	#87839A
66.7%	66.7% #6E6B7D	RGB 110 107 125	#6E6B7D
83.3%	83.3% #555260	RGB 85 82 96	#555260
100.0%	100.0% #3C3A44	RGB 60 58 68	#3C3A44

#D1CDF1 #B8B4D4 #9F9CB7 #87839A #6E6B7D #555260 #3C3A44

#D1CDF1 - #87839A - #3C3A44

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D1CDF1 0%, #87839A 50%, #3C3A44 100%);
    background: -webkit-linear-gradient(top, #D1CDF1 0%, #87839A 50%, #3C3A44 100%);
    background: linear-gradient(to bottom, #D1CDF1 0%, #87839A 50%, #3C3A44 100%);
}
</style>