#6E5E9D - #371345 | 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 #6E5E9D to #371345

#6E5E9D #371345

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

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

0.0%	0.0% #6E5E9D	RGB 110 94 157	#6E5E9D
16.7%	16.7% #64518E	RGB 100 81 142	#64518E
33.3%	33.3% #5B457F	RGB 91 69 127	#5B457F
50.0%	50.0% #523871	RGB 82 56 113	#523871
66.7%	66.7% #492C62	RGB 73 44 98	#492C62
83.3%	83.3% #401F53	RGB 64 31 83	#401F53
100.0%	100.0% #371345	RGB 55 19 69	#371345

#6E5E9D #64518E #5B457F #523871 #492C62 #401F53 #371345

#6E5E9D - #371345

HSV Blend

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

0.0%	0.0% #6E5E9D	RGB 110 94 157	#6E5E9D
16.7%	16.7% #634D8E	RGB 99 77 142	#634D8E
33.3%	33.3% #593E7F	RGB 89 62 127	#593E7F
50.0%	50.0% #503171	RGB 80 49 113	#503171
66.7%	66.7% #472562	RGB 71 37 98	#472562
83.3%	83.3% #3F1B53	RGB 63 27 83	#3F1B53
100.0%	100.0% #371345	RGB 55 19 69	#371345

#6E5E9D #634D8E #593E7F #503171 #472562 #3F1B53 #371345

#6E5E9D - #503171 - #371345

CSS codes

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

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