#5E7179 - #B4969C | 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 #5E7179 to #B4969C

#5E7179 #B4969C

Calculate the color between two colors, #5E7179 and #B4969C. 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)

#5E7179 - #B4969C | 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 #5E7179 as 0% and #B4969C as 100%.

0.0%	0.0% #5E7179	RGB 94 113 121	#5E7179
16.7%	16.7% #6C777E	RGB 108 119 126	#6C777E
33.3%	33.3% #7A7D84	RGB 122 125 132	#7A7D84
50.0%	50.0% #89838A	RGB 137 131 138	#89838A
66.7%	66.7% #978990	RGB 151 137 144	#978990
83.3%	83.3% #A58F96	RGB 165 143 150	#A58F96
100.0%	100.0% #B4969C	RGB 180 150 156	#B4969C

#5E7179 #6C777E #7A7D84 #89838A #978990 #A58F96 #B4969C

#5E7179 - #B4969C

HSV Blend

#5E7179 - #B4969C | 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 #5E7179 as 0% and #B4969C as 100%.

0.0%	0.0% #5E7179	RGB 94 113 121	#5E7179
16.7%	16.7% #666E82	RGB 102 110 130	#666E82
33.3%	33.3% #736F8C	RGB 115 111 140	#736F8C
50.0%	50.0% #897996	RGB 137 121 150	#897996
66.7%	66.7% #9F82A0	RGB 159 130 160	#9F82A0
83.3%	83.3% #AA8C9E	RGB 170 140 158	#AA8C9E
100.0%	100.0% #B4969C	RGB 180 150 156	#B4969C

#5E7179 #666E82 #736F8C #897996 #9F82A0 #AA8C9E #B4969C

#5E7179 - #897996 - #B4969C

CSS codes

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

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