#AF5DBA - #A8CDE2 | 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 #AF5DBA to #A8CDE2

#AF5DBA #A8CDE2

Calculate the color between two colors, #AF5DBA and #A8CDE2. 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)

#AF5DBA - #A8CDE2 | 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 #AF5DBA as 0% and #A8CDE2 as 100%.

0.0%	0.0% #AF5DBA	RGB 175 93 186	#AF5DBA
16.7%	16.7% #AD6FC0	RGB 173 111 192	#AD6FC0
33.3%	33.3% #AC82C7	RGB 172 130 199	#AC82C7
50.0%	50.0% #AB95CE	RGB 171 149 206	#AB95CE
66.7%	66.7% #AAA7D4	RGB 170 167 212	#AAA7D4
83.3%	83.3% #A9BADB	RGB 169 186 219	#A9BADB
100.0%	100.0% #A8CDE2	RGB 168 205 226	#A8CDE2

#AF5DBA #AD6FC0 #AC82C7 #AB95CE #AAA7D4 #A9BADB #A8CDE2

#AF5DBA - #A8CDE2

HSV Blend

#AF5DBA - #A8CDE2 | 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 #AF5DBA as 0% and #A8CDE2 as 100%.

0.0%	0.0% #AF5DBA	RGB 175 93 186	#AF5DBA
16.7%	16.7% #9F68C0	RGB 159 104 192	#9F68C0
33.3%	33.3% #9373C7	RGB 147 115 199	#9373C7
50.0%	50.0% #8980CE	RGB 137 128 206	#8980CE
66.7%	66.7% #8C96D4	RGB 140 150 212	#8C96D4
83.3%	83.3% #9AB3DB	RGB 154 179 219	#9AB3DB
100.0%	100.0% #A8CDE2	RGB 168 205 226	#A8CDE2

#AF5DBA #9F68C0 #9373C7 #8980CE #8C96D4 #9AB3DB #A8CDE2

#AF5DBA - #8980CE - #A8CDE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF5DBA 0%, #8980CE 50%, #A8CDE2 100%);
    background: -webkit-linear-gradient(top, #AF5DBA 0%, #8980CE 50%, #A8CDE2 100%);
    background: linear-gradient(to bottom, #AF5DBA 0%, #8980CE 50%, #A8CDE2 100%);
}
</style>