#AF99D4 - #61358E | 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 #AF99D4 to #61358E

#AF99D4 #61358E

Calculate the color between two colors, #AF99D4 and #61358E. 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)

#AF99D4 - #61358E | 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 #AF99D4 as 0% and #61358E as 100%.

0.0%	0.0% #AF99D4	RGB 175 153 212	#AF99D4
16.7%	16.7% #A288C8	RGB 162 136 200	#A288C8
33.3%	33.3% #9577BC	RGB 149 119 188	#9577BC
50.0%	50.0% #8867B1	RGB 136 103 177	#8867B1
66.7%	66.7% #7B56A5	RGB 123 86 165	#7B56A5
83.3%	83.3% #6E4599	RGB 110 69 153	#6E4599
100.0%	100.0% #61358E	RGB 97 53 142	#61358E

#AF99D4 #A288C8 #9577BC #8867B1 #7B56A5 #6E4599 #61358E

#AF99D4 - #61358E

HSV Blend

#AF99D4 - #61358E | 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 #AF99D4 as 0% and #61358E as 100%.

0.0%	0.0% #AF99D4	RGB 175 153 212	#AF99D4
16.7%	16.7% #9F84C8	RGB 159 132 200	#9F84C8
33.3%	33.3% #9172BC	RGB 145 114 188	#9172BC
50.0%	50.0% #8360B1	RGB 131 96 177	#8360B1
66.7%	66.7% #7750A5	RGB 119 80 165	#7750A5
83.3%	83.3% #6B4299	RGB 107 66 153	#6B4299
100.0%	100.0% #61358E	RGB 97 53 142	#61358E

#AF99D4 #9F84C8 #9172BC #8360B1 #7750A5 #6B4299 #61358E

#AF99D4 - #8360B1 - #61358E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF99D4 0%, #8360B1 50%, #61358E 100%);
    background: -webkit-linear-gradient(top, #AF99D4 0%, #8360B1 50%, #61358E 100%);
    background: linear-gradient(to bottom, #AF99D4 0%, #8360B1 50%, #61358E 100%);
}
</style>