#6F5E8C - #E27CF2 | 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 #6F5E8C to #E27CF2

#6F5E8C #E27CF2

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

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

0.0%	0.0% #6F5E8C	RGB 111 94 140	#6F5E8C
16.7%	16.7% #82639D	RGB 130 99 157	#82639D
33.3%	33.3% #9568AE	RGB 149 104 174	#9568AE
50.0%	50.0% #A86DBF	RGB 168 109 191	#A86DBF
66.7%	66.7% #BB72D0	RGB 187 114 208	#BB72D0
83.3%	83.3% #CE77E1	RGB 206 119 225	#CE77E1
100.0%	100.0% #E27CF2	RGB 226 124 242	#E27CF2

#6F5E8C #82639D #9568AE #A86DBF #BB72D0 #CE77E1 #E27CF2

#6F5E8C - #E27CF2

HSV Blend

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

0.0%	0.0% #6F5E8C	RGB 111 94 140	#6F5E8C
16.7%	16.7% #7E659D	RGB 126 101 157	#7E659D
33.3%	33.3% #8F6BAE	RGB 143 107 174	#8F6BAE
50.0%	50.0% #A171BF	RGB 161 113 191	#A171BF
66.7%	66.7% #B475D0	RGB 180 117 208	#B475D0
83.3%	83.3% #CA79E1	RGB 202 121 225	#CA79E1
100.0%	100.0% #E27CF2	RGB 226 124 242	#E27CF2

#6F5E8C #7E659D #8F6BAE #A171BF #B475D0 #CA79E1 #E27CF2

#6F5E8C - #A171BF - #E27CF2

CSS codes

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

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