#DF93D6 - #AAB8FA | 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 #AAB8FA

#DF93D6 #AAB8FA

Calculate the color between two colors, #DF93D6 and #AAB8FA. 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 - #AAB8FA | 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 #AAB8FA as 100%.

0.0%	0.0% #DF93D6	RGB 223 147 214	#DF93D6
16.7%	16.7% #D699DC	RGB 214 153 220	#D699DC
33.3%	33.3% #CD9FE2	RGB 205 159 226	#CD9FE2
50.0%	50.0% #C4A5E8	RGB 196 165 232	#C4A5E8
66.7%	66.7% #BBABEE	RGB 187 171 238	#BBABEE
83.3%	83.3% #B2B1F4	RGB 178 177 244	#B2B1F4
100.0%	100.0% #AAB8FA	RGB 170 184 250	#AAB8FA

#DF93D6 #D699DC #CD9FE2 #C4A5E8 #BBABEE #B2B1F4 #AAB8FA

#DF93D6 - #AAB8FA

HSV Blend

#DF93D6 - #AAB8FA | 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 #AAB8FA as 100%.

0.0%	0.0% #DF93D6	RGB 223 147 214	#DF93D6
16.7%	16.7% #DC96E3	RGB 220 150 227	#DC96E3
33.3%	33.3% #CF9AE8	RGB 207 154 232	#CF9AE8
50.0%	50.0% #C39EEC	RGB 195 158 236	#C39EEC
66.7%	66.7% #B6A2F1	RGB 182 162 241	#B6A2F1
83.3%	83.3% #A9A6F5	RGB 169 166 245	#A9A6F5
100.0%	100.0% #AAB8FA	RGB 170 184 250	#AAB8FA

#DF93D6 #DC96E3 #CF9AE8 #C39EEC #B6A2F1 #A9A6F5 #AAB8FA

#DF93D6 - #C39EEC - #AAB8FA

CSS codes

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

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