#865F92 - #DBD1DF | 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 #865F92 to #DBD1DF

#865F92 #DBD1DF

Calculate the color between two colors, #865F92 and #DBD1DF. 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)

#865F92 - #DBD1DF | 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 #865F92 as 0% and #DBD1DF as 100%.

0.0%	0.0% #865F92	RGB 134 95 146	#865F92
16.7%	16.7% #94729E	RGB 148 114 158	#94729E
33.3%	33.3% #A285AB	RGB 162 133 171	#A285AB
50.0%	50.0% #B098B8	RGB 176 152 184	#B098B8
66.7%	66.7% #BEABC5	RGB 190 171 197	#BEABC5
83.3%	83.3% #CCBED2	RGB 204 190 210	#CCBED2
100.0%	100.0% #DBD1DF	RGB 219 209 223	#DBD1DF

#865F92 #94729E #A285AB #B098B8 #BEABC5 #CCBED2 #DBD1DF

#865F92 - #DBD1DF

HSV Blend

#865F92 - #DBD1DF | 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 #865F92 as 0% and #DBD1DF as 100%.

0.0%	0.0% #865F92	RGB 134 95 146	#865F92
16.7%	16.7% #936E9E	RGB 147 110 158	#936E9E
33.3%	33.3% #A080AB	RGB 160 128 171	#A080AB
50.0%	50.0% #AE92B8	RGB 174 146 184	#AE92B8
66.7%	66.7% #BCA6C5	RGB 188 166 197	#BCA6C5
83.3%	83.3% #CBBAD2	RGB 203 186 210	#CBBAD2
100.0%	100.0% #DBD1DF	RGB 219 209 223	#DBD1DF

#865F92 #936E9E #A080AB #AE92B8 #BCA6C5 #CBBAD2 #DBD1DF

#865F92 - #AE92B8 - #DBD1DF

CSS codes

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

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