#DC8CFF - #C834F2 | 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 #DC8CFF to #C834F2

#DC8CFF #C834F2

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

#DC8CFF - #C834F2 | 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 #DC8CFF as 0% and #C834F2 as 100%.

0.0%	0.0% #DC8CFF	RGB 220 140 255	#DC8CFF
16.7%	16.7% #D87DFC	RGB 216 125 252	#D87DFC
33.3%	33.3% #D56EFA	RGB 213 110 250	#D56EFA
50.0%	50.0% #D260F8	RGB 210 96 248	#D260F8
66.7%	66.7% #CE51F6	RGB 206 81 246	#CE51F6
83.3%	83.3% #CB42F4	RGB 203 66 244	#CB42F4
100.0%	100.0% #C834F2	RGB 200 52 242	#C834F2

#DC8CFF #D87DFC #D56EFA #D260F8 #CE51F6 #CB42F4 #C834F2

#DC8CFF - #C834F2

HSV Blend

#DC8CFF - #C834F2 | 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 #DC8CFF as 0% and #C834F2 as 100%.

0.0%	0.0% #DC8CFF	RGB 220 140 255	#DC8CFF
16.7%	16.7% #D77CFC	RGB 215 124 252	#D77CFC
33.3%	33.3% #D36DFA	RGB 211 109 250	#D36DFA
50.0%	50.0% #D05EF8	RGB 208 94 248	#D05EF8
66.7%	66.7% #CD50F6	RGB 205 80 246	#CD50F6
83.3%	83.3% #CA42F4	RGB 202 66 244	#CA42F4
100.0%	100.0% #C834F2	RGB 200 52 242	#C834F2

#DC8CFF #D77CFC #D36DFA #D05EF8 #CD50F6 #CA42F4 #C834F2

#DC8CFF - #D05EF8 - #C834F2

CSS codes

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

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