#DEC2DC - #3F373E | 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 #DEC2DC to #3F373E

#DEC2DC #3F373E

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

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

0.0%	0.0% #DEC2DC	RGB 222 194 220	#DEC2DC
16.7%	16.7% #C3AAC1	RGB 195 170 193	#C3AAC1
33.3%	33.3% #A993A7	RGB 169 147 167	#A993A7
50.0%	50.0% #8E7C8D	RGB 142 124 141	#8E7C8D
66.7%	66.7% #746572	RGB 116 101 114	#746572
83.3%	83.3% #594E58	RGB 89 78 88	#594E58
100.0%	100.0% #3F373E	RGB 63 55 62	#3F373E

#DEC2DC #C3AAC1 #A993A7 #8E7C8D #746572 #594E58 #3F373E

#DEC2DC - #3F373E

HSV Blend

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

0.0%	0.0% #DEC2DC	RGB 222 194 220	#DEC2DC
16.7%	16.7% #C3AAC1	RGB 195 170 193	#C3AAC1
33.3%	33.3% #A993A7	RGB 169 147 167	#A993A7
50.0%	50.0% #8E7C8C	RGB 142 124 140	#8E7C8C
66.7%	66.7% #746572	RGB 116 101 114	#746572
83.3%	83.3% #594E58	RGB 89 78 88	#594E58
100.0%	100.0% #3F373E	RGB 63 55 62	#3F373E

#DEC2DC #C3AAC1 #A993A7 #8E7C8C #746572 #594E58 #3F373E

#DEC2DC - #8E7C8C - #3F373E

CSS codes

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

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