#865764 - #DCCFD2 | 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 #865764 to #DCCFD2

#865764 #DCCFD2

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

#865764 - #DCCFD2 | 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 #865764 as 0% and #DCCFD2 as 100%.

0.0%	0.0% #865764	RGB 134 87 100	#865764
16.7%	16.7% #946B76	RGB 148 107 118	#946B76
33.3%	33.3% #A27F88	RGB 162 127 136	#A27F88
50.0%	50.0% #B1939B	RGB 177 147 155	#B1939B
66.7%	66.7% #BFA7AD	RGB 191 167 173	#BFA7AD
83.3%	83.3% #CDBBBF	RGB 205 187 191	#CDBBBF
100.0%	100.0% #DCCFD2	RGB 220 207 210	#DCCFD2

#865764 #946B76 #A27F88 #B1939B #BFA7AD #CDBBBF #DCCFD2

#865764 - #DCCFD2

HSV Blend

#865764 - #DCCFD2 | 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 #865764 as 0% and #DCCFD2 as 100%.

0.0%	0.0% #865764	RGB 134 87 100	#865764
16.7%	16.7% #946773	RGB 148 103 115	#946773
33.3%	33.3% #A27984	RGB 162 121 132	#A27984
50.0%	50.0% #B18C95	RGB 177 140 149	#B18C95
66.7%	66.7% #BFA1A8	RGB 191 161 168	#BFA1A8
83.3%	83.3% #CDB7BC	RGB 205 183 188	#CDB7BC
100.0%	100.0% #DCCFD2	RGB 220 207 210	#DCCFD2

#865764 #946773 #A27984 #B18C95 #BFA1A8 #CDB7BC #DCCFD2

#865764 - #B18C95 - #DCCFD2

CSS codes

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

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