#DACAF5 - #A067C0 | 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 #DACAF5 to #A067C0

#DACAF5 #A067C0

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

#DACAF5 - #A067C0 | 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 #DACAF5 as 0% and #A067C0 as 100%.

0.0%	0.0% #DACAF5	RGB 218 202 245	#DACAF5
16.7%	16.7% #D0B9EC	RGB 208 185 236	#D0B9EC
33.3%	33.3% #C6A9E3	RGB 198 169 227	#C6A9E3
50.0%	50.0% #BD98DA	RGB 189 152 218	#BD98DA
66.7%	66.7% #B388D1	RGB 179 136 209	#B388D1
83.3%	83.3% #A977C8	RGB 169 119 200	#A977C8
100.0%	100.0% #A067C0	RGB 160 103 192	#A067C0

#DACAF5 #D0B9EC #C6A9E3 #BD98DA #B388D1 #A977C8 #A067C0

#DACAF5 - #A067C0

HSV Blend

#DACAF5 - #A067C0 | 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 #DACAF5 as 0% and #A067C0 as 100%.

0.0%	0.0% #DACAF5	RGB 218 202 245	#DACAF5
16.7%	16.7% #CDB7EC	RGB 205 183 236	#CDB7EC
33.3%	33.3% #C2A5E3	RGB 194 165 227	#C2A5E3
50.0%	50.0% #B894DA	RGB 184 148 218	#B894DA
66.7%	66.7% #AF84D1	RGB 175 132 209	#AF84D1
83.3%	83.3% #A775C8	RGB 167 117 200	#A775C8
100.0%	100.0% #A067C0	RGB 160 103 192	#A067C0

#DACAF5 #CDB7EC #C2A5E3 #B894DA #AF84D1 #A775C8 #A067C0

#DACAF5 - #B894DA - #A067C0

CSS codes

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

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