#DA01C3 - #D4D2FF | 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 #DA01C3 to #D4D2FF

#DA01C3 #D4D2FF

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

#DA01C3 - #D4D2FF | 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 #DA01C3 as 0% and #D4D2FF as 100%.

0.0%	0.0% #DA01C3	RGB 218 1 195	#DA01C3
16.7%	16.7% #D923CD	RGB 217 35 205	#D923CD
33.3%	33.3% #D846D7	RGB 216 70 215	#D846D7
50.0%	50.0% #D769E1	RGB 215 105 225	#D769E1
66.7%	66.7% #D68CEB	RGB 214 140 235	#D68CEB
83.3%	83.3% #D5AFF5	RGB 213 175 245	#D5AFF5
100.0%	100.0% #D4D2FF	RGB 212 210 255	#D4D2FF

#DA01C3 #D923CD #D846D7 #D769E1 #D68CEB #D5AFF5 #D4D2FF

#DA01C3 - #D4D2FF

HSV Blend

#DA01C3 - #D4D2FF | 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 #DA01C3 as 0% and #D4D2FF as 100%.

0.0%	0.0% #DA01C3	RGB 218 1 195	#DA01C3
16.7%	16.7% #D21FE0	RGB 210 31 224	#D21FE0
33.3%	33.3% #BD3FE6	RGB 189 63 230	#BD3FE6
50.0%	50.0% #B161EC	RGB 177 97 236	#B161EC
66.7%	66.7% #B185F2	RGB 177 133 242	#B185F2
83.3%	83.3% #BCAAF8	RGB 188 170 248	#BCAAF8
100.0%	100.0% #D4D2FF	RGB 212 210 255	#D4D2FF

#DA01C3 #D21FE0 #BD3FE6 #B161EC #B185F2 #BCAAF8 #D4D2FF

#DA01C3 - #B161EC - #D4D2FF

CSS codes

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

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