#DF8DCD - #B01C84 | 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 #DF8DCD to #B01C84

#DF8DCD #B01C84

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

#DF8DCD - #B01C84 | 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 #DF8DCD as 0% and #B01C84 as 100%.

0.0%	0.0% #DF8DCD	RGB 223 141 205	#DF8DCD
16.7%	16.7% #D77AC0	RGB 215 122 192	#D77AC0
33.3%	33.3% #CF67B4	RGB 207 103 180	#CF67B4
50.0%	50.0% #C754A8	RGB 199 84 168	#C754A8
66.7%	66.7% #BF419C	RGB 191 65 156	#BF419C
83.3%	83.3% #B72E90	RGB 183 46 144	#B72E90
100.0%	100.0% #B01C84	RGB 176 28 132	#B01C84

#DF8DCD #D77AC0 #CF67B4 #C754A8 #BF419C #B72E90 #B01C84

#DF8DCD - #B01C84

HSV Blend

#DF8DCD - #B01C84 | 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 #DF8DCD as 0% and #B01C84 as 100%.

0.0%	0.0% #DF8DCD	RGB 223 141 205	#DF8DCD
16.7%	16.7% #D777C0	RGB 215 119 192	#D777C0
33.3%	33.3% #CF62B4	RGB 207 98 180	#CF62B4
50.0%	50.0% #C74EA8	RGB 199 78 168	#C74EA8
66.7%	66.7% #BF3C9C	RGB 191 60 156	#BF3C9C
83.3%	83.3% #B72B90	RGB 183 43 144	#B72B90
100.0%	100.0% #B01C84	RGB 176 28 132	#B01C84

#DF8DCD #D777C0 #CF62B4 #C74EA8 #BF3C9C #B72B90 #B01C84

#DF8DCD - #C74EA8 - #B01C84

CSS codes

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

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