#FF607C - #FF9CD3 | 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 #FF607C to #FF9CD3

#FF607C #FF9CD3

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

#FF607C - #FF9CD3 | 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 #FF607C as 0% and #FF9CD3 as 100%.

0.0%	0.0% #FF607C	RGB 255 96 124	#FF607C
16.7%	16.7% #FF6A8A	RGB 255 106 138	#FF6A8A
33.3%	33.3% #FF7499	RGB 255 116 153	#FF7499
50.0%	50.0% #FF7EA7	RGB 255 126 167	#FF7EA7
66.7%	66.7% #FF88B6	RGB 255 136 182	#FF88B6
83.3%	83.3% #FF92C4	RGB 255 146 196	#FF92C4
100.0%	100.0% #FF9CD3	RGB 255 156 211	#FF9CD3

#FF607C #FF6A8A #FF7499 #FF7EA7 #FF88B6 #FF92C4 #FF9CD3

#FF607C - #FF9CD3

HSV Blend

#FF607C - #FF9CD3 | 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 #FF607C as 0% and #FF9CD3 as 100%.

0.0%	0.0% #FF607C	RGB 255 96 124	#FF607C
16.7%	16.7% #FF6A8D	RGB 255 106 141	#FF6A8D
33.3%	33.3% #FF749E	RGB 255 116 158	#FF749E
50.0%	50.0% #FF7EAD	RGB 255 126 173	#FF7EAD
66.7%	66.7% #FF88BB	RGB 255 136 187	#FF88BB
83.3%	83.3% #FF92C7	RGB 255 146 199	#FF92C7
100.0%	100.0% #FF9CD3	RGB 255 156 211	#FF9CD3

#FF607C #FF6A8D #FF749E #FF7EAD #FF88BB #FF92C7 #FF9CD3

#FF607C - #FF7EAD - #FF9CD3

CSS codes

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

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