#AB9FDF - #61379D | 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 #AB9FDF to #61379D

#AB9FDF #61379D

Calculate the color between two colors, #AB9FDF and #61379D. 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)

#AB9FDF - #61379D | 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 #AB9FDF as 0% and #61379D as 100%.

0.0%	0.0% #AB9FDF	RGB 171 159 223	#AB9FDF
16.7%	16.7% #9E8DD4	RGB 158 141 212	#9E8DD4
33.3%	33.3% #927CC9	RGB 146 124 201	#927CC9
50.0%	50.0% #866BBE	RGB 134 107 190	#866BBE
66.7%	66.7% #7959B3	RGB 121 89 179	#7959B3
83.3%	83.3% #6D48A8	RGB 109 72 168	#6D48A8
100.0%	100.0% #61379D	RGB 97 55 157	#61379D

#AB9FDF #9E8DD4 #927CC9 #866BBE #7959B3 #6D48A8 #61379D

#AB9FDF - #61379D

HSV Blend

#AB9FDF - #61379D | 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 #AB9FDF as 0% and #61379D as 100%.

0.0%	0.0% #AB9FDF	RGB 171 159 223	#AB9FDF
16.7%	16.7% #9A8AD4	RGB 154 138 212	#9A8AD4
33.3%	33.3% #8C77C9	RGB 140 119 201	#8C77C9
50.0%	50.0% #7F65BE	RGB 127 101 190	#7F65BE
66.7%	66.7% #7454B3	RGB 116 84 179	#7454B3
83.3%	83.3% #6A45A8	RGB 106 69 168	#6A45A8
100.0%	100.0% #61379D	RGB 97 55 157	#61379D

#AB9FDF #9A8AD4 #8C77C9 #7F65BE #7454B3 #6A45A8 #61379D

#AB9FDF - #7F65BE - #61379D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB9FDF 0%, #7F65BE 50%, #61379D 100%);
    background: -webkit-linear-gradient(top, #AB9FDF 0%, #7F65BE 50%, #61379D 100%);
    background: linear-gradient(to bottom, #AB9FDF 0%, #7F65BE 50%, #61379D 100%);
}
</style>