#6E5E7D - #B87EEF | 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 #6E5E7D to #B87EEF

#6E5E7D #B87EEF

Calculate the color between two colors, #6E5E7D and #B87EEF. 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)

#6E5E7D - #B87EEF | 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 #6E5E7D as 0% and #B87EEF as 100%.

0.0%	0.0% #6E5E7D	RGB 110 94 125	#6E5E7D
16.7%	16.7% #7A6390	RGB 122 99 144	#7A6390
33.3%	33.3% #8668A3	RGB 134 104 163	#8668A3
50.0%	50.0% #936EB6	RGB 147 110 182	#936EB6
66.7%	66.7% #9F73C9	RGB 159 115 201	#9F73C9
83.3%	83.3% #AB78DC	RGB 171 120 220	#AB78DC
100.0%	100.0% #B87EEF	RGB 184 126 239	#B87EEF

#6E5E7D #7A6390 #8668A3 #936EB6 #9F73C9 #AB78DC #B87EEF

#6E5E7D - #B87EEF

HSV Blend

#6E5E7D - #B87EEF | 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 #6E5E7D as 0% and #B87EEF as 100%.

0.0%	0.0% #6E5E7D	RGB 110 94 125	#6E5E7D
16.7%	16.7% #7C6690	RGB 124 102 144	#7C6690
33.3%	33.3% #896EA3	RGB 137 110 163	#896EA3
50.0%	50.0% #9674B6	RGB 150 116 182	#9674B6
66.7%	66.7% #A279C9	RGB 162 121 201	#A279C9
83.3%	83.3% #AD7CDC	RGB 173 124 220	#AD7CDC
100.0%	100.0% #B87EEF	RGB 184 126 239	#B87EEF

#6E5E7D #7C6690 #896EA3 #9674B6 #A279C9 #AD7CDC #B87EEF

#6E5E7D - #9674B6 - #B87EEF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5E7D 0%, #9674B6 50%, #B87EEF 100%);
    background: -webkit-linear-gradient(top, #6E5E7D 0%, #9674B6 50%, #B87EEF 100%);
    background: linear-gradient(to bottom, #6E5E7D 0%, #9674B6 50%, #B87EEF 100%);
}
</style>