#864053 - #DCC8CD | 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 #864053 to #DCC8CD

#864053 #DCC8CD

Calculate the color between two colors, #864053 and #DCC8CD. 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)

#864053 - #DCC8CD | 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 #864053 as 0% and #DCC8CD as 100%.

0.0%	0.0% #864053	RGB 134 64 83	#864053
16.7%	16.7% #945667	RGB 148 86 103	#945667
33.3%	33.3% #A26D7B	RGB 162 109 123	#A26D7B
50.0%	50.0% #B18490	RGB 177 132 144	#B18490
66.7%	66.7% #BF9AA4	RGB 191 154 164	#BF9AA4
83.3%	83.3% #CDB1B8	RGB 205 177 184	#CDB1B8
100.0%	100.0% #DCC8CD	RGB 220 200 205	#DCC8CD

#864053 #945667 #A26D7B #B18490 #BF9AA4 #CDB1B8 #DCC8CD

#864053 - #DCC8CD

HSV Blend

#864053 - #DCC8CD | 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 #864053 as 0% and #DCC8CD as 100%.

0.0%	0.0% #864053	RGB 134 64 83	#864053
16.7%	16.7% #945163	RGB 148 81 99	#945163
33.3%	33.3% #A26575	RGB 162 101 117	#A26575
50.0%	50.0% #B17A88	RGB 177 122 136	#B17A88
66.7%	66.7% #BF929D	RGB 191 146 157	#BF929D
83.3%	83.3% #CDACB4	RGB 205 172 180	#CDACB4
100.0%	100.0% #DCC8CD	RGB 220 200 205	#DCC8CD

#864053 #945163 #A26575 #B17A88 #BF929D #CDACB4 #DCC8CD

#864053 - #B17A88 - #DCC8CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #864053 0%, #B17A88 50%, #DCC8CD 100%);
    background: -webkit-linear-gradient(top, #864053 0%, #B17A88 50%, #DCC8CD 100%);
    background: linear-gradient(to bottom, #864053 0%, #B17A88 50%, #DCC8CD 100%);
}
</style>