#AF9CD2 - #62398C | 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 #AF9CD2 to #62398C

#AF9CD2 #62398C

Calculate the color between two colors, #AF9CD2 and #62398C. 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)

#AF9CD2 - #62398C | 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 #AF9CD2 as 0% and #62398C as 100%.

0.0%	0.0% #AF9CD2	RGB 175 156 210	#AF9CD2
16.7%	16.7% #A28BC6	RGB 162 139 198	#A28BC6
33.3%	33.3% #957BBA	RGB 149 123 186	#957BBA
50.0%	50.0% #886AAF	RGB 136 106 175	#886AAF
66.7%	66.7% #7B5AA3	RGB 123 90 163	#7B5AA3
83.3%	83.3% #6E4997	RGB 110 73 151	#6E4997
100.0%	100.0% #62398C	RGB 98 57 140	#62398C

#AF9CD2 #A28BC6 #957BBA #886AAF #7B5AA3 #6E4997 #62398C

#AF9CD2 - #62398C

HSV Blend

#AF9CD2 - #62398C | 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 #AF9CD2 as 0% and #62398C as 100%.

0.0%	0.0% #AE9CD2	RGB 174 156 210	#AE9CD2
16.7%	16.7% #9F88C6	RGB 159 136 198	#9F88C6
33.3%	33.3% #9175BA	RGB 145 117 186	#9175BA
50.0%	50.0% #8464AF	RGB 132 100 175	#8464AF
66.7%	66.7% #7754A3	RGB 119 84 163	#7754A3
83.3%	83.3% #6C4697	RGB 108 70 151	#6C4697
100.0%	100.0% #62398C	RGB 98 57 140	#62398C

#AE9CD2 #9F88C6 #9175BA #8464AF #7754A3 #6C4697 #62398C

#AF9CD2 - #8464AF - #62398C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AE9CD2 0%, #8464AF 50%, #62398C 100%);
    background: -webkit-linear-gradient(top, #AE9CD2 0%, #8464AF 50%, #62398C 100%);
    background: linear-gradient(to bottom, #AE9CD2 0%, #8464AF 50%, #62398C 100%);
}
</style>