#603F7E - #DB8993 | 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 #603F7E to #DB8993

#603F7E #DB8993

Calculate the color between two colors, #603F7E and #DB8993. 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)

#603F7E - #DB8993 | 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 #603F7E as 0% and #DB8993 as 100%.

0.0%	0.0% #603F7E	RGB 96 63 126	#603F7E
16.7%	16.7% #744B81	RGB 116 75 129	#744B81
33.3%	33.3% #895785	RGB 137 87 133	#895785
50.0%	50.0% #9D6488	RGB 157 100 136	#9D6488
66.7%	66.7% #B2708C	RGB 178 112 140	#B2708C
83.3%	83.3% #C67C8F	RGB 198 124 143	#C67C8F
100.0%	100.0% #DB8993	RGB 219 137 147	#DB8993

#603F7E #744B81 #895785 #9D6488 #B2708C #C67C8F #DB8993

#603F7E - #DB8993

HSV Blend

#603F7E - #DB8993 | 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 #603F7E as 0% and #DB8993 as 100%.

0.0%	0.0% #603F7E	RGB 96 63 126	#603F7E
16.7%	16.7% #7C498D	RGB 124 73 141	#7C498D
33.3%	33.3% #9B559D	RGB 155 85 157	#9B559D
50.0%	50.0% #AC619D	RGB 172 97 157	#AC619D
66.7%	66.7% #BC6D9A	RGB 188 109 154	#BC6D9A
83.3%	83.3% #CB7B97	RGB 203 123 151	#CB7B97
100.0%	100.0% #DB8993	RGB 219 137 147	#DB8993

#603F7E #7C498D #9B559D #AC619D #BC6D9A #CB7B97 #DB8993

#603F7E - #AC619D - #DB8993

CSS codes

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

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