#B2007C - #DD8CDF | 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 #B2007C to #DD8CDF

#B2007C #DD8CDF

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

#B2007C - #DD8CDF | 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 #B2007C as 0% and #DD8CDF as 100%.

0.0%	0.0% #B2007C	RGB 178 0 124	#B2007C
16.7%	16.7% #B9178C	RGB 185 23 140	#B9178C
33.3%	33.3% #C02E9D	RGB 192 46 157	#C02E9D
50.0%	50.0% #C746AD	RGB 199 70 173	#C746AD
66.7%	66.7% #CE5DBE	RGB 206 93 190	#CE5DBE
83.3%	83.3% #D574CE	RGB 213 116 206	#D574CE
100.0%	100.0% #DD8CDF	RGB 221 140 223	#DD8CDF

#B2007C #B9178C #C02E9D #C746AD #CE5DBE #D574CE #DD8CDF

#B2007C - #DD8CDF

HSV Blend

#B2007C - #DD8CDF | 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 #B2007C as 0% and #DD8CDF as 100%.

0.0%	0.0% #B2007C	RGB 178 0 124	#B2007C
16.7%	16.7% #B91390	RGB 185 19 144	#B91390
33.3%	33.3% #C128A3	RGB 193 40 163	#C128A3
50.0%	50.0% #C83EB5	RGB 200 62 181	#C83EB5
66.7%	66.7% #D057C5	RGB 208 87 197	#D057C5
83.3%	83.3% #D770D4	RGB 215 112 212	#D770D4
100.0%	100.0% #DD8CDF	RGB 221 140 223	#DD8CDF

#B2007C #B91390 #C128A3 #C83EB5 #D057C5 #D770D4 #DD8CDF

#B2007C - #C83EB5 - #DD8CDF

CSS codes

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

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