#DB51FF - #CC07DB | 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 #DB51FF to #CC07DB

#DB51FF #CC07DB

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

#DB51FF - #CC07DB | 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 #DB51FF as 0% and #CC07DB as 100%.

0.0%	0.0% #DB51FF	RGB 219 81 255	#DB51FF
16.7%	16.7% #D844F9	RGB 216 68 249	#D844F9
33.3%	33.3% #D638F3	RGB 214 56 243	#D638F3
50.0%	50.0% #D32CED	RGB 211 44 237	#D32CED
66.7%	66.7% #D11FE7	RGB 209 31 231	#D11FE7
83.3%	83.3% #CE13E1	RGB 206 19 225	#CE13E1
100.0%	100.0% #CC07DB	RGB 204 7 219	#CC07DB

#DB51FF #D844F9 #D638F3 #D32CED #D11FE7 #CE13E1 #CC07DB

#DB51FF - #CC07DB

HSV Blend

#DB51FF - #CC07DB | 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 #DB51FF as 0% and #CC07DB as 100%.

0.0%	0.0% #DB51FF	RGB 219 81 255	#DB51FF
16.7%	16.7% #D743F9	RGB 215 67 249	#D743F9
33.3%	33.3% #D436F3	RGB 212 54 243	#D436F3
50.0%	50.0% #D129ED	RGB 209 41 237	#D129ED
66.7%	66.7% #CF1DE7	RGB 207 29 231	#CF1DE7
83.3%	83.3% #CD11E1	RGB 205 17 225	#CD11E1
100.0%	100.0% #CC07DB	RGB 204 7 219	#CC07DB

#DB51FF #D743F9 #D436F3 #D129ED #CF1DE7 #CD11E1 #CC07DB

#DB51FF - #D129ED - #CC07DB

CSS codes

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

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