#DAB0CF - #3E323B | 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 #DAB0CF to #3E323B

#DAB0CF #3E323B

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

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

0.0%	0.0% #DAB0CF	RGB 218 176 207	#DAB0CF
16.7%	16.7% #C09BB6	RGB 192 155 182	#C09BB6
33.3%	33.3% #A6869D	RGB 166 134 157	#A6869D
50.0%	50.0% #8C7185	RGB 140 113 133	#8C7185
66.7%	66.7% #725C6C	RGB 114 92 108	#725C6C
83.3%	83.3% #584753	RGB 88 71 83	#584753
100.0%	100.0% #3E323B	RGB 62 50 59	#3E323B

#DAB0CF #C09BB6 #A6869D #8C7185 #725C6C #584753 #3E323B

#DAB0CF - #3E323B

HSV Blend

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

0.0%	0.0% #DAB0CF	RGB 218 176 207	#DAB0CF
16.7%	16.7% #C09AB6	RGB 192 154 182	#C09AB6
33.3%	33.3% #A6859D	RGB 166 133 157	#A6859D
50.0%	50.0% #8C7085	RGB 140 112 133	#8C7085
66.7%	66.7% #725B6C	RGB 114 91 108	#725B6C
83.3%	83.3% #584653	RGB 88 70 83	#584653
100.0%	100.0% #3E323B	RGB 62 50 59	#3E323B

#DAB0CF #C09AB6 #A6859D #8C7085 #725B6C #584653 #3E323B

#DAB0CF - #8C7085 - #3E323B

CSS codes

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

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