#DA00D1 - #8CAEFF | 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 #DA00D1 to #8CAEFF

#DA00D1 #8CAEFF

Calculate the color between two colors, #DA00D1 and #8CAEFF. 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)

#DA00D1 - #8CAEFF | 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 #DA00D1 as 0% and #8CAEFF as 100%.

0.0%	0.0% #DA00D1	RGB 218 0 209	#DA00D1
16.7%	16.7% #CD1DD8	RGB 205 29 216	#CD1DD8
33.3%	33.3% #C03AE0	RGB 192 58 224	#C03AE0
50.0%	50.0% #B357E8	RGB 179 87 232	#B357E8
66.7%	66.7% #A674EF	RGB 166 116 239	#A674EF
83.3%	83.3% #9991F7	RGB 153 145 247	#9991F7
100.0%	100.0% #8CAEFF	RGB 140 174 255	#8CAEFF

#DA00D1 #CD1DD8 #C03AE0 #B357E8 #A674EF #9991F7 #8CAEFF

#DA00D1 - #8CAEFF

HSV Blend

#DA00D1 - #8CAEFF | 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 #DA00D1 as 0% and #8CAEFF as 100%.

0.0%	0.0% #DA00D1	RGB 218 0 209	#DA00D1
16.7%	16.7% #BB14E0	RGB 187 20 224	#BB14E0
33.3%	33.3% #9A2AE6	RGB 154 42 230	#9A2AE6
50.0%	50.0% #8040EC	RGB 128 64 236	#8040EC
66.7%	66.7% #6F58F2	RGB 111 88 242	#6F58F2
83.3%	83.3% #717BF8	RGB 113 123 248	#717BF8
100.0%	100.0% #8CAEFF	RGB 140 174 255	#8CAEFF

#DA00D1 #BB14E0 #9A2AE6 #8040EC #6F58F2 #717BF8 #8CAEFF

#DA00D1 - #8040EC - #8CAEFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DA00D1 0%, #8040EC 50%, #8CAEFF 100%);
    background: -webkit-linear-gradient(top, #DA00D1 0%, #8040EC 50%, #8CAEFF 100%);
    background: linear-gradient(to bottom, #DA00D1 0%, #8040EC 50%, #8CAEFF 100%);
}
</style>