#DCACEB - #AD42B0 | 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 #DCACEB to #AD42B0

#DCACEB #AD42B0

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

#DCACEB - #AD42B0 | 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 #DCACEB as 0% and #AD42B0 as 100%.

0.0%	0.0% #DCACEB	RGB 220 172 235	#DCACEB
16.7%	16.7% #D49AE1	RGB 212 154 225	#D49AE1
33.3%	33.3% #CC88D7	RGB 204 136 215	#CC88D7
50.0%	50.0% #C477CD	RGB 196 119 205	#C477CD
66.7%	66.7% #BC65C3	RGB 188 101 195	#BC65C3
83.3%	83.3% #B453B9	RGB 180 83 185	#B453B9
100.0%	100.0% #AD42B0	RGB 173 66 176	#AD42B0

#DCACEB #D49AE1 #CC88D7 #C477CD #BC65C3 #B453B9 #AD42B0

#DCACEB - #AD42B0

HSV Blend

#DCACEB - #AD42B0 | 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 #DCACEB as 0% and #AD42B0 as 100%.

0.0%	0.0% #DCACEB	RGB 220 172 235	#DCACEB
16.7%	16.7% #D297E1	RGB 210 151 225	#D297E1
33.3%	33.3% #C983D7	RGB 201 131 215	#C983D7
50.0%	50.0% #C171CD	RGB 193 113 205	#C171CD
66.7%	66.7% #BA60C3	RGB 186 96 195	#BA60C3
83.3%	83.3% #B350B9	RGB 179 80 185	#B350B9
100.0%	100.0% #AD42B0	RGB 173 66 176	#AD42B0

#DCACEB #D297E1 #C983D7 #C171CD #BA60C3 #B350B9 #AD42B0

#DCACEB - #C171CD - #AD42B0

CSS codes

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

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