#DECADC - #3F393E | 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 #DECADC to #3F393E

#DECADC #3F393E

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

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

0.0%	0.0% #DECADC	RGB 222 202 220	#DECADC
16.7%	16.7% #C3B1C1	RGB 195 177 193	#C3B1C1
33.3%	33.3% #A999A7	RGB 169 153 167	#A999A7
50.0%	50.0% #8E818D	RGB 142 129 141	#8E818D
66.7%	66.7% #746972	RGB 116 105 114	#746972
83.3%	83.3% #595158	RGB 89 81 88	#595158
100.0%	100.0% #3F393E	RGB 63 57 62	#3F393E

#DECADC #C3B1C1 #A999A7 #8E818D #746972 #595158 #3F393E

#DECADC - #3F393E

HSV Blend

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

0.0%	0.0% #DECADC	RGB 222 202 220	#DECADC
16.7%	16.7% #C3B1C1	RGB 195 177 193	#C3B1C1
33.3%	33.3% #A999A7	RGB 169 153 167	#A999A7
50.0%	50.0% #8E818C	RGB 142 129 140	#8E818C
66.7%	66.7% #746972	RGB 116 105 114	#746972
83.3%	83.3% #595158	RGB 89 81 88	#595158
100.0%	100.0% #3F393E	RGB 63 57 62	#3F393E

#DECADC #C3B1C1 #A999A7 #8E818C #746972 #595158 #3F393E

#DECADC - #8E818C - #3F393E

CSS codes

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

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