#615BCD - #8C9DFF | 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 #615BCD to #8C9DFF

#615BCD #8C9DFF

Calculate the color between two colors, #615BCD and #8C9DFF. 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)

#615BCD - #8C9DFF | 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 #615BCD as 0% and #8C9DFF as 100%.

0.0%	0.0% #615BCD	RGB 97 91 205	#615BCD
16.7%	16.7% #6866D5	RGB 104 102 213	#6866D5
33.3%	33.3% #6F71DD	RGB 111 113 221	#6F71DD
50.0%	50.0% #767CE6	RGB 118 124 230	#767CE6
66.7%	66.7% #7D87EE	RGB 125 135 238	#7D87EE
83.3%	83.3% #8492F6	RGB 132 146 246	#8492F6
100.0%	100.0% #8C9DFF	RGB 140 157 255	#8C9DFF

#615BCD #6866D5 #6F71DD #767CE6 #7D87EE #8492F6 #8C9DFF

#615BCD - #8C9DFF

HSV Blend

#615BCD - #8C9DFF | 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 #615BCD as 0% and #8C9DFF as 100%.

0.0%	0.0% #615BCD	RGB 97 91 205	#615BCD
16.7%	16.7% #6462D5	RGB 100 98 213	#6462D5
33.3%	33.3% #6A6BDD	RGB 106 107 221	#6A6BDD
50.0%	50.0% #7277E6	RGB 114 119 230	#7277E6
66.7%	66.7% #7A83EE	RGB 122 131 238	#7A83EE
83.3%	83.3% #8390F6	RGB 131 144 246	#8390F6
100.0%	100.0% #8C9DFF	RGB 140 157 255	#8C9DFF

#615BCD #6462D5 #6A6BDD #7277E6 #7A83EE #8390F6 #8C9DFF

#615BCD - #7277E6 - #8C9DFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #615BCD 0%, #7277E6 50%, #8C9DFF 100%);
    background: -webkit-linear-gradient(top, #615BCD 0%, #7277E6 50%, #8C9DFF 100%);
    background: linear-gradient(to bottom, #615BCD 0%, #7277E6 50%, #8C9DFF 100%);
}
</style>