#DF8BCE - #AF1985 | 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 #DF8BCE to #AF1985

#DF8BCE #AF1985

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

#DF8BCE - #AF1985 | 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 #DF8BCE as 0% and #AF1985 as 100%.

0.0%	0.0% #DF8BCE	RGB 223 139 206	#DF8BCE
16.7%	16.7% #D778C1	RGB 215 120 193	#D778C1
33.3%	33.3% #CF65B5	RGB 207 101 181	#CF65B5
50.0%	50.0% #C752A9	RGB 199 82 169	#C752A9
66.7%	66.7% #BF3F9D	RGB 191 63 157	#BF3F9D
83.3%	83.3% #B72C91	RGB 183 44 145	#B72C91
100.0%	100.0% #AF1985	RGB 175 25 133	#AF1985

#DF8BCE #D778C1 #CF65B5 #C752A9 #BF3F9D #B72C91 #AF1985

#DF8BCE - #AF1985

HSV Blend

#DF8BCE - #AF1985 | 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 #DF8BCE as 0% and #AF1985 as 100%.

0.0%	0.0% #DF8BCE	RGB 223 139 206	#DF8BCE
16.7%	16.7% #D774C1	RGB 215 116 193	#D774C1
33.3%	33.3% #CF5FB5	RGB 207 95 181	#CF5FB5
50.0%	50.0% #C74CA9	RGB 199 76 169	#C74CA9
66.7%	66.7% #BF399D	RGB 191 57 157	#BF399D
83.3%	83.3% #B72891	RGB 183 40 145	#B72891
100.0%	100.0% #AF1985	RGB 175 25 133	#AF1985

#DF8BCE #D774C1 #CF5FB5 #C74CA9 #BF399D #B72891 #AF1985

#DF8BCE - #C74CA9 - #AF1985

CSS codes

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

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