#912A8C - #E484B9 | 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 #912A8C to #E484B9

#912A8C #E484B9

Calculate the color between two colors, #912A8C and #E484B9. 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)

#912A8C - #E484B9 | 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 #912A8C as 0% and #E484B9 as 100%.

0.0%	0.0% #912A8C	RGB 145 42 140	#912A8C
16.7%	16.7% #9E3993	RGB 158 57 147	#9E3993
33.3%	33.3% #AC489B	RGB 172 72 155	#AC489B
50.0%	50.0% #BA57A2	RGB 186 87 162	#BA57A2
66.7%	66.7% #C866AA	RGB 200 102 170	#C866AA
83.3%	83.3% #D675B1	RGB 214 117 177	#D675B1
100.0%	100.0% #E484B9	RGB 228 132 185	#E484B9

#912A8C #9E3993 #AC489B #BA57A2 #C866AA #D675B1 #E484B9

#912A8C - #E484B9

HSV Blend

#912A8C - #E484B9 | 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 #912A8C as 0% and #E484B9 as 100%.

0.0%	0.0% #91298C	RGB 145 41 140	#91298C
16.7%	16.7% #9E3592	RGB 158 53 146	#9E3592
33.3%	33.3% #AC4299	RGB 172 66 153	#AC4299
50.0%	50.0% #BA50A0	RGB 186 80 160	#BA50A0
66.7%	66.7% #C860A7	RGB 200 96 167	#C860A7
83.3%	83.3% #D671AF	RGB 214 113 175	#D671AF
100.0%	100.0% #E484B9	RGB 228 132 185	#E484B9

#91298C #9E3592 #AC4299 #BA50A0 #C860A7 #D671AF #E484B9

#912A8C - #BA50A0 - #E484B9

CSS codes

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

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