#865892 - #DCCFDF | 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 #865892 to #DCCFDF

#865892 #DCCFDF

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

#865892 - #DCCFDF | 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 #865892 as 0% and #DCCFDF as 100%.

0.0%	0.0% #865892	RGB 134 88 146	#865892
16.7%	16.7% #946B9E	RGB 148 107 158	#946B9E
33.3%	33.3% #A27FAB	RGB 162 127 171	#A27FAB
50.0%	50.0% #B193B8	RGB 177 147 184	#B193B8
66.7%	66.7% #BFA7C5	RGB 191 167 197	#BFA7C5
83.3%	83.3% #CDBBD2	RGB 205 187 210	#CDBBD2
100.0%	100.0% #DCCFDF	RGB 220 207 223	#DCCFDF

#865892 #946B9E #A27FAB #B193B8 #BFA7C5 #CDBBD2 #DCCFDF

#865892 - #DCCFDF

HSV Blend

#865892 - #DCCFDF | 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 #865892 as 0% and #DCCFDF as 100%.

0.0%	0.0% #865892	RGB 134 88 146	#865892
16.7%	16.7% #93689E	RGB 147 104 158	#93689E
33.3%	33.3% #A17AAB	RGB 161 122 171	#A17AAB
50.0%	50.0% #AF8DB8	RGB 175 141 184	#AF8DB8
66.7%	66.7% #BEA1C5	RGB 190 161 197	#BEA1C5
83.3%	83.3% #CDB7D2	RGB 205 183 210	#CDB7D2
100.0%	100.0% #DCCFDF	RGB 220 207 223	#DCCFDF

#865892 #93689E #A17AAB #AF8DB8 #BEA1C5 #CDB7D2 #DCCFDF

#865892 - #AF8DB8 - #DCCFDF

CSS codes

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

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