#6E3E66 - #E35DDF | 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 #6E3E66 to #E35DDF

#6E3E66 #E35DDF

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

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

0.0%	0.0% #6E3E66	RGB 110 62 102	#6E3E66
16.7%	16.7% #81437A	RGB 129 67 122	#81437A
33.3%	33.3% #95488E	RGB 149 72 142	#95488E
50.0%	50.0% #A84DA2	RGB 168 77 162	#A84DA2
66.7%	66.7% #BC52B6	RGB 188 82 182	#BC52B6
83.3%	83.3% #CF57CA	RGB 207 87 202	#CF57CA
100.0%	100.0% #E35DDF	RGB 227 93 223	#E35DDF

#6E3E66 #81437A #95488E #A84DA2 #BC52B6 #CF57CA #E35DDF

#6E3E66 - #E35DDF

HSV Blend

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

0.0%	0.0% #6E3E66	RGB 110 62 102	#6E3E66
16.7%	16.7% #814578	RGB 129 69 120	#814578
33.3%	33.3% #954C8C	RGB 149 76 140	#954C8C
50.0%	50.0% #A852A0	RGB 168 82 160	#A852A0
66.7%	66.7% #BC56B4	RGB 188 86 180	#BC56B4
83.3%	83.3% #CF5AC9	RGB 207 90 201	#CF5AC9
100.0%	100.0% #E35DDF	RGB 227 93 223	#E35DDF

#6E3E66 #814578 #954C8C #A852A0 #BC56B4 #CF5AC9 #E35DDF

#6E3E66 - #A852A0 - #E35DDF

CSS codes

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

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