#5E7276 - #B8959A | 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 #5E7276 to #B8959A

#5E7276 #B8959A

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

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

0.0%	0.0% #5E7276	RGB 94 114 118	#5E7276
16.7%	16.7% #6D777C	RGB 109 119 124	#6D777C
33.3%	33.3% #7C7D82	RGB 124 125 130	#7C7D82
50.0%	50.0% #8B8388	RGB 139 131 136	#8B8388
66.7%	66.7% #9A898E	RGB 154 137 142	#9A898E
83.3%	83.3% #A98F94	RGB 169 143 148	#A98F94
100.0%	100.0% #B8959A	RGB 184 149 154	#B8959A

#5E7276 #6D777C #7C7D82 #8B8388 #9A898E #A98F94 #B8959A

#5E7276 - #B8959A

HSV Blend

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

0.0%	0.0% #5E7276	RGB 94 114 118	#5E7276
16.7%	16.7% #677181	RGB 103 113 129	#677181
33.3%	33.3% #71708C	RGB 113 112 140	#71708C
50.0%	50.0% #887997	RGB 136 121 151	#887997
66.7%	66.7% #A082A2	RGB 160 130 162	#A082A2
83.3%	83.3% #AD8B9F	RGB 173 139 159	#AD8B9F
100.0%	100.0% #B8959A	RGB 184 149 154	#B8959A

#5E7276 #677181 #71708C #887997 #A082A2 #AD8B9F #B8959A

#5E7276 - #887997 - #B8959A

CSS codes

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

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