#EE82C1 - #BA1276 | 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 #EE82C1 to #BA1276

#EE82C1 #BA1276

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

#EE82C1 - #BA1276 | 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 #EE82C1 as 0% and #BA1276 as 100%.

0.0%	0.0% #EE82C1	RGB 238 130 193	#EE82C1
16.7%	16.7% #E56FB4	RGB 229 111 180	#E56FB4
33.3%	33.3% #DC5CA8	RGB 220 92 168	#DC5CA8
50.0%	50.0% #D44A9B	RGB 212 74 155	#D44A9B
66.7%	66.7% #CB378F	RGB 203 55 143	#CB378F
83.3%	83.3% #C22482	RGB 194 36 130	#C22482
100.0%	100.0% #BA1276	RGB 186 18 118	#BA1276

#EE82C1 #E56FB4 #DC5CA8 #D44A9B #CB378F #C22482 #BA1276

#EE82C1 - #BA1276

HSV Blend

#EE82C1 - #BA1276 | 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 #EE82C1 as 0% and #BA1276 as 100%.

0.0%	0.0% #EE82C1	RGB 238 130 193	#EE82C1
16.7%	16.7% #E56CB3	RGB 229 108 179	#E56CB3
33.3%	33.3% #DC57A5	RGB 220 87 165	#DC57A5
50.0%	50.0% #D44498	RGB 212 68 152	#D44498
66.7%	66.7% #CB328C	RGB 203 50 140	#CB328C
83.3%	83.3% #C22181	RGB 194 33 129	#C22181
100.0%	100.0% #BA1276	RGB 186 18 118	#BA1276

#EE82C1 #E56CB3 #DC57A5 #D44498 #CB328C #C22181 #BA1276

#EE82C1 - #D44498 - #BA1276

CSS codes

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

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