#691B7C - #8C8CCC | 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 #691B7C to #8C8CCC

#691B7C #8C8CCC

Calculate the color between two colors, #691B7C and #8C8CCC. 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)

#691B7C - #8C8CCC | 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 #691B7C as 0% and #8C8CCC as 100%.

0.0%	0.0% #691B7C	RGB 105 27 124	#691B7C
16.7%	16.7% #6E2D89	RGB 110 45 137	#6E2D89
33.3%	33.3% #744096	RGB 116 64 150	#744096
50.0%	50.0% #7A53A4	RGB 122 83 164	#7A53A4
66.7%	66.7% #8066B1	RGB 128 102 177	#8066B1
83.3%	83.3% #8679BE	RGB 134 121 190	#8679BE
100.0%	100.0% #8C8CCC	RGB 140 140 204	#8C8CCC

#691B7C #6E2D89 #744096 #7A53A4 #8066B1 #8679BE #8C8CCC

#691B7C - #8C8CCC

HSV Blend

#691B7C - #8C8CCC | 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 #691B7C as 0% and #8C8CCC as 100%.

0.0%	0.0% #691B7C	RGB 105 27 124	#691B7C
16.7%	16.7% #692889	RGB 105 40 137	#692889
33.3%	33.3% #6A3896	RGB 106 56 150	#6A3896
50.0%	50.0% #6E4AA4	RGB 110 74 164	#6E4AA4
66.7%	66.7% #745EB1	RGB 116 94 177	#745EB1
83.3%	83.3% #7D73BE	RGB 125 115 190	#7D73BE
100.0%	100.0% #8C8CCC	RGB 140 140 204	#8C8CCC

#691B7C #692889 #6A3896 #6E4AA4 #745EB1 #7D73BE #8C8CCC

#691B7C - #6E4AA4 - #8C8CCC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #691B7C 0%, #6E4AA4 50%, #8C8CCC 100%);
    background: -webkit-linear-gradient(top, #691B7C 0%, #6E4AA4 50%, #8C8CCC 100%);
    background: linear-gradient(to bottom, #691B7C 0%, #6E4AA4 50%, #8C8CCC 100%);
}
</style>