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

#DB31FF #8CAEFF

Calculate the color between two colors, #DB31FF 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)

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

0.0%	0.0% #DB31FF	RGB 219 49 255	#DB31FF
16.7%	16.7% #CD45FF	RGB 205 69 255	#CD45FF
33.3%	33.3% #C05AFF	RGB 192 90 255	#C05AFF
50.0%	50.0% #B36FFF	RGB 179 111 255	#B36FFF
66.7%	66.7% #A684FF	RGB 166 132 255	#A684FF
83.3%	83.3% #9999FF	RGB 153 153 255	#9999FF
100.0%	100.0% #8CAEFF	RGB 140 174 255	#8CAEFF

#DB31FF #CD45FF #C05AFF #B36FFF #A684FF #9999FF #8CAEFF

#DB31FF - #8CAEFF

HSV Blend

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

0.0%	0.0% #DB31FF	RGB 219 49 255	#DB31FF
16.7%	16.7% #B940FF	RGB 185 64 255	#B940FF
33.3%	33.3% #9E4FFF	RGB 158 79 255	#9E4FFF
50.0%	50.0% #885EFF	RGB 136 94 255	#885EFF
66.7%	66.7% #786DFF	RGB 120 109 255	#786DFF
83.3%	83.3% #7C8BFF	RGB 124 139 255	#7C8BFF
100.0%	100.0% #8CAEFF	RGB 140 174 255	#8CAEFF

#DB31FF #B940FF #9E4FFF #885EFF #786DFF #7C8BFF #8CAEFF

#DB31FF - #885EFF - #8CAEFF

CSS codes

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

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