#6F5EBC - #201A35 | 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 #6F5EBC to #201A35

#6F5EBC #201A35

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

#6F5EBC - #201A35 | 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 #6F5EBC as 0% and #201A35 as 100%.

0.0%	0.0% #6F5EBC	RGB 111 94 188	#6F5EBC
16.7%	16.7% #6152A5	RGB 97 82 165	#6152A5
33.3%	33.3% #54478F	RGB 84 71 143	#54478F
50.0%	50.0% #473C78	RGB 71 60 120	#473C78
66.7%	66.7% #3A3062	RGB 58 48 98	#3A3062
83.3%	83.3% #2D254B	RGB 45 37 75	#2D254B
100.0%	100.0% #201A35	RGB 32 26 53	#201A35

#6F5EBC #6152A5 #54478F #473C78 #3A3062 #2D254B #201A35

#6F5EBC - #201A35

HSV Blend

#6F5EBC - #201A35 | 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 #6F5EBC as 0% and #201A35 as 100%.

0.0%	0.0% #6F5EBC	RGB 111 94 188	#6F5EBC
16.7%	16.7% #6252A5	RGB 98 82 165	#6252A5
33.3%	33.3% #55478F	RGB 85 71 143	#55478F
50.0%	50.0% #473B78	RGB 71 59 120	#473B78
66.7%	66.7% #3A3062	RGB 58 48 98	#3A3062
83.3%	83.3% #2D254B	RGB 45 37 75	#2D254B
100.0%	100.0% #201A35	RGB 32 26 53	#201A35

#6F5EBC #6252A5 #55478F #473B78 #3A3062 #2D254B #201A35

#6F5EBC - #473B78 - #201A35

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F5EBC 0%, #473B78 50%, #201A35 100%);
    background: -webkit-linear-gradient(top, #6F5EBC 0%, #473B78 50%, #201A35 100%);
    background: linear-gradient(to bottom, #6F5EBC 0%, #473B78 50%, #201A35 100%);
}
</style>