#705ECD - #A8A8DD | 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 #705ECD to #A8A8DD

#705ECD #A8A8DD

Calculate the color between two colors, #705ECD and #A8A8DD. 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)

#705ECD - #A8A8DD | 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 #705ECD as 0% and #A8A8DD as 100%.

0.0%	0.0% #705ECD	RGB 112 94 205	#705ECD
16.7%	16.7% #796ACF	RGB 121 106 207	#796ACF
33.3%	33.3% #8276D2	RGB 130 118 210	#8276D2
50.0%	50.0% #8C83D5	RGB 140 131 213	#8C83D5
66.7%	66.7% #958FD7	RGB 149 143 215	#958FD7
83.3%	83.3% #9E9BDA	RGB 158 155 218	#9E9BDA
100.0%	100.0% #A8A8DD	RGB 168 168 221	#A8A8DD

#705ECD #796ACF #8276D2 #8C83D5 #958FD7 #9E9BDA #A8A8DD

#705ECD - #A8A8DD

HSV Blend

#705ECD - #A8A8DD | 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 #705ECD as 0% and #A8A8DD as 100%.

0.0%	0.0% #705ECD	RGB 112 94 205	#705ECD
16.7%	16.7% #7769CF	RGB 119 105 207	#7769CF
33.3%	33.3% #7F75D2	RGB 127 117 210	#7F75D2
50.0%	50.0% #8881D5	RGB 136 129 213	#8881D5
66.7%	66.7% #928ED7	RGB 146 142 215	#928ED7
83.3%	83.3% #9C9ADA	RGB 156 154 218	#9C9ADA
100.0%	100.0% #A8A8DD	RGB 168 168 221	#A8A8DD

#705ECD #7769CF #7F75D2 #8881D5 #928ED7 #9C9ADA #A8A8DD

#705ECD - #8881D5 - #A8A8DD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #705ECD 0%, #8881D5 50%, #A8A8DD 100%);
    background: -webkit-linear-gradient(top, #705ECD 0%, #8881D5 50%, #A8A8DD 100%);
    background: linear-gradient(to bottom, #705ECD 0%, #8881D5 50%, #A8A8DD 100%);
}
</style>