#713AC2 - #AFEAEC | 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 #713AC2 to #AFEAEC

#713AC2 #AFEAEC

Calculate the color between two colors, #713AC2 and #AFEAEC. 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)

#713AC2 - #AFEAEC | 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 #713AC2 as 0% and #AFEAEC as 100%.

0.0%	0.0% #713AC2	RGB 113 58 194	#713AC2
16.7%	16.7% #7B57C9	RGB 123 87 201	#7B57C9
33.3%	33.3% #8574D0	RGB 133 116 208	#8574D0
50.0%	50.0% #9092D7	RGB 144 146 215	#9092D7
66.7%	66.7% #9AAFDE	RGB 154 175 222	#9AAFDE
83.3%	83.3% #A4CCE5	RGB 164 204 229	#A4CCE5
100.0%	100.0% #AFEAEC	RGB 175 234 236	#AFEAEC

#713AC2 #7B57C9 #8574D0 #9092D7 #9AAFDE #A4CCE5 #AFEAEC

#713AC2 - #AFEAEC

HSV Blend

#713AC2 - #AFEAEC | 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 #713AC2 as 0% and #AFEAEC as 100%.

0.0%	0.0% #713AC2	RGB 113 58 194	#713AC2
16.7%	16.7% #614AC9	RGB 97 74 201	#614AC9
33.3%	33.3% #5C62D0	RGB 92 98 208	#5C62D0
50.0%	50.0% #6F8CD7	RGB 111 140 215	#6F8CD7
66.7%	66.7% #83B1DE	RGB 131 177 222	#83B1DE
83.3%	83.3% #98D1E5	RGB 152 209 229	#98D1E5
100.0%	100.0% #AFEAEC	RGB 175 234 236	#AFEAEC

#713AC2 #614AC9 #5C62D0 #6F8CD7 #83B1DE #98D1E5 #AFEAEC

#713AC2 - #6F8CD7 - #AFEAEC

CSS codes

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

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