#960000 - #ED94D4 | 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 #960000 to #ED94D4

#960000 #ED94D4

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

#960000 - #ED94D4 | 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 #960000 as 0% and #ED94D4 as 100%.

0.0%	0.0% #960000	RGB 150 0 0	#960000
16.7%	16.7% #A41823	RGB 164 24 35	#A41823
33.3%	33.3% #B33146	RGB 179 49 70	#B33146
50.0%	50.0% #C14A6A	RGB 193 74 106	#C14A6A
66.7%	66.7% #D0628D	RGB 208 98 141	#D0628D
83.3%	83.3% #DE7BB0	RGB 222 123 176	#DE7BB0
100.0%	100.0% #ED94D4	RGB 237 148 212	#ED94D4

#960000 #A41823 #B33146 #C14A6A #D0628D #DE7BB0 #ED94D4

#960000 - #ED94D4

HSV Blend

#960000 - #ED94D4 | 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 #960000 as 0% and #ED94D4 as 100%.

0.0%	0.0% #960000	RGB 150 0 0	#960000
16.7%	16.7% #A41122	RGB 164 17 34	#A41122
33.3%	33.3% #B32547	RGB 179 37 71	#B32547
50.0%	50.0% #C13C6C	RGB 193 60 108	#C13C6C
66.7%	66.7% #D05690	RGB 208 86 144	#D05690
83.3%	83.3% #DE73B3	RGB 222 115 179	#DE73B3
100.0%	100.0% #ED94D4	RGB 237 148 212	#ED94D4

#960000 #A41122 #B32547 #C13C6C #D05690 #DE73B3 #ED94D4

#960000 - #C13C6C - #ED94D4

CSS codes

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

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