#DF93D6 - #AB3E80 | 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 #DF93D6 to #AB3E80

#DF93D6 #AB3E80

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

#DF93D6 - #AB3E80 | 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 #DF93D6 as 0% and #AB3E80 as 100%.

0.0%	0.0% #DF93D6	RGB 223 147 214	#DF93D6
16.7%	16.7% #D684C7	RGB 214 132 199	#D684C7
33.3%	33.3% #CD76B9	RGB 205 118 185	#CD76B9
50.0%	50.0% #C568AB	RGB 197 104 171	#C568AB
66.7%	66.7% #BC5A9C	RGB 188 90 156	#BC5A9C
83.3%	83.3% #B34C8E	RGB 179 76 142	#B34C8E
100.0%	100.0% #AB3E80	RGB 171 62 128	#AB3E80

#DF93D6 #D684C7 #CD76B9 #C568AB #BC5A9C #B34C8E #AB3E80

#DF93D6 - #AB3E80

HSV Blend

#DF93D6 - #AB3E80 | 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 #DF93D6 as 0% and #AB3E80 as 100%.

0.0%	0.0% #DF93D6	RGB 223 147 214	#DF93D6
16.7%	16.7% #D682C8	RGB 214 130 200	#D682C8
33.3%	33.3% #CD73BA	RGB 205 115 186	#CD73BA
50.0%	50.0% #C564AC	RGB 197 100 172	#C564AC
66.7%	66.7% #BC569D	RGB 188 86 157	#BC569D
83.3%	83.3% #B34A8E	RGB 179 74 142	#B34A8E
100.0%	100.0% #AB3E80	RGB 171 62 128	#AB3E80

#DF93D6 #D682C8 #CD73BA #C564AC #BC569D #B34A8E #AB3E80

#DF93D6 - #C564AC - #AB3E80

CSS codes

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

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