#FF397C - #FFC6D9 | 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 #FF397C to #FFC6D9

#FF397C #FFC6D9

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

#FF397C - #FFC6D9 | 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 #FF397C as 0% and #FFC6D9 as 100%.

0.0%	0.0% #FF397C	RGB 255 57 124	#FF397C
16.7%	16.7% #FF508B	RGB 255 80 139	#FF508B
33.3%	33.3% #FF689B	RGB 255 104 155	#FF689B
50.0%	50.0% #FF7FAA	RGB 255 127 170	#FF7FAA
66.7%	66.7% #FF97BA	RGB 255 151 186	#FF97BA
83.3%	83.3% #FFAEC9	RGB 255 174 201	#FFAEC9
100.0%	100.0% #FFC6D9	RGB 255 198 217	#FFC6D9

#FF397C #FF508B #FF689B #FF7FAA #FF97BA #FFAEC9 #FFC6D9

#FF397C - #FFC6D9

HSV Blend

#FF397C - #FFC6D9 | 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 #FF397C as 0% and #FFC6D9 as 100%.

0.0%	0.0% #FF397C	RGB 255 57 124	#FF397C
16.7%	16.7% #FF508B	RGB 255 80 139	#FF508B
33.3%	33.3% #FF689A	RGB 255 104 154	#FF689A
50.0%	50.0% #FF7FAA	RGB 255 127 170	#FF7FAA
66.7%	66.7% #FF97B9	RGB 255 151 185	#FF97B9
83.3%	83.3% #FFAEC9	RGB 255 174 201	#FFAEC9
100.0%	100.0% #FFC6D9	RGB 255 198 217	#FFC6D9

#FF397C #FF508B #FF689A #FF7FAA #FF97B9 #FFAEC9 #FFC6D9

#FF397C - #FF7FAA - #FFC6D9

CSS codes

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

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