#DF62CE - #BA1DB0 | 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 #DF62CE to #BA1DB0

#DF62CE #BA1DB0

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

#DF62CE - #BA1DB0 | 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 #DF62CE as 0% and #BA1DB0 as 100%.

0.0%	0.0% #DF62CE	RGB 223 98 206	#DF62CE
16.7%	16.7% #D856C9	RGB 216 86 201	#D856C9
33.3%	33.3% #D24BC4	RGB 210 75 196	#D24BC4
50.0%	50.0% #CC3FBF	RGB 204 63 191	#CC3FBF
66.7%	66.7% #C634BA	RGB 198 52 186	#C634BA
83.3%	83.3% #C028B5	RGB 192 40 181	#C028B5
100.0%	100.0% #BA1DB0	RGB 186 29 176	#BA1DB0

#DF62CE #D856C9 #D24BC4 #CC3FBF #C634BA #C028B5 #BA1DB0

#DF62CE - #BA1DB0

HSV Blend

#DF62CE - #BA1DB0 | 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 #DF62CE as 0% and #BA1DB0 as 100%.

0.0%	0.0% #DF62CE	RGB 223 98 206	#DF62CE
16.7%	16.7% #D855C8	RGB 216 85 200	#D855C8
33.3%	33.3% #D248C3	RGB 210 72 195	#D248C3
50.0%	50.0% #CC3CBE	RGB 204 60 190	#CC3CBE
66.7%	66.7% #C631B9	RGB 198 49 185	#C631B9
83.3%	83.3% #C027B4	RGB 192 39 180	#C027B4
100.0%	100.0% #BA1DB0	RGB 186 29 176	#BA1DB0

#DF62CE #D855C8 #D248C3 #CC3CBE #C631B9 #C027B4 #BA1DB0

#DF62CE - #CC3CBE - #BA1DB0

CSS codes

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

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