#865366 - #DCCDD3 | 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 #865366 to #DCCDD3

#865366 #DCCDD3

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

#865366 - #DCCDD3 | 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 #865366 as 0% and #DCCDD3 as 100%.

0.0%	0.0% #865366	RGB 134 83 102	#865366
16.7%	16.7% #946778	RGB 148 103 120	#946778
33.3%	33.3% #A27B8A	RGB 162 123 138	#A27B8A
50.0%	50.0% #B1909C	RGB 177 144 156	#B1909C
66.7%	66.7% #BFA4AE	RGB 191 164 174	#BFA4AE
83.3%	83.3% #CDB8C0	RGB 205 184 192	#CDB8C0
100.0%	100.0% #DCCDD3	RGB 220 205 211	#DCCDD3

#865366 #946778 #A27B8A #B1909C #BFA4AE #CDB8C0 #DCCDD3

#865366 - #DCCDD3

HSV Blend

#865366 - #DCCDD3 | 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 #865366 as 0% and #DCCDD3 as 100%.

0.0%	0.0% #865366	RGB 134 83 102	#865366
16.7%	16.7% #946375	RGB 148 99 117	#946375
33.3%	33.3% #A27586	RGB 162 117 134	#A27586
50.0%	50.0% #B18998	RGB 177 137 152	#B18998
66.7%	66.7% #BF9EAB	RGB 191 158 171	#BF9EAB
83.3%	83.3% #CDB4BE	RGB 205 180 190	#CDB4BE
100.0%	100.0% #DCCDD3	RGB 220 205 211	#DCCDD3

#865366 #946375 #A27586 #B18998 #BF9EAB #CDB4BE #DCCDD3

#865366 - #B18998 - #DCCDD3

CSS codes

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

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