#96306D - #EB808C | 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 #96306D to #EB808C

#96306D #EB808C

Calculate the color between two colors, #96306D and #EB808C. 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)

#96306D - #EB808C | 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 #96306D as 0% and #EB808C as 100%.

0.0%	0.0% #96306D	RGB 150 48 109	#96306D
16.7%	16.7% #A43D72	RGB 164 61 114	#A43D72
33.3%	33.3% #B24A77	RGB 178 74 119	#B24A77
50.0%	50.0% #C0587C	RGB 192 88 124	#C0587C
66.7%	66.7% #CE6581	RGB 206 101 129	#CE6581
83.3%	83.3% #DC7286	RGB 220 114 134	#DC7286
100.0%	100.0% #EB808C	RGB 235 128 140	#EB808C

#96306D #A43D72 #B24A77 #C0587C #CE6581 #DC7286 #EB808C

#96306D - #EB808C

HSV Blend

#96306D - #EB808C | 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 #96306D as 0% and #EB808C as 100%.

0.0%	0.0% #96306D	RGB 150 48 109	#96306D
16.7%	16.7% #A43A71	RGB 164 58 113	#A43A71
33.3%	33.3% #B24675	RGB 178 70 117	#B24675
50.0%	50.0% #C0537A	RGB 192 83 122	#C0537A
66.7%	66.7% #CE617F	RGB 206 97 127	#CE617F
83.3%	83.3% #DC7085	RGB 220 112 133	#DC7085
100.0%	100.0% #EB808C	RGB 235 128 140	#EB808C

#96306D #A43A71 #B24675 #C0537A #CE617F #DC7085 #EB808C

#96306D - #C0537A - #EB808C

CSS codes

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

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