#DB5DFF - #C81BDF | 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 #DB5DFF to #C81BDF

#DB5DFF #C81BDF

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

#DB5DFF - #C81BDF | 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 #DB5DFF as 0% and #C81BDF as 100%.

0.0%	0.0% #DB5DFF	RGB 219 93 255	#DB5DFF
16.7%	16.7% #D752F9	RGB 215 82 249	#D752F9
33.3%	33.3% #D447F4	RGB 212 71 244	#D447F4
50.0%	50.0% #D13CEF	RGB 209 60 239	#D13CEF
66.7%	66.7% #CE31E9	RGB 206 49 233	#CE31E9
83.3%	83.3% #CB26E4	RGB 203 38 228	#CB26E4
100.0%	100.0% #C81BDF	RGB 200 27 223	#C81BDF

#DB5DFF #D752F9 #D447F4 #D13CEF #CE31E9 #CB26E4 #C81BDF

#DB5DFF - #C81BDF

HSV Blend

#DB5DFF - #C81BDF | 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 #DB5DFF as 0% and #C81BDF as 100%.

0.0%	0.0% #DB5DFF	RGB 219 93 255	#DB5DFF
16.7%	16.7% #D750F9	RGB 215 80 249	#D750F9
33.3%	33.3% #D345F4	RGB 211 69 244	#D345F4
50.0%	50.0% #D03AEF	RGB 208 58 239	#D03AEF
66.7%	66.7% #CD2FE9	RGB 205 47 233	#CD2FE9
83.3%	83.3% #CA24E4	RGB 202 36 228	#CA24E4
100.0%	100.0% #C81BDF	RGB 200 27 223	#C81BDF

#DB5DFF #D750F9 #D345F4 #D03AEF #CD2FE9 #CA24E4 #C81BDF

#DB5DFF - #D03AEF - #C81BDF

CSS codes

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

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