#6F5E87 - #B4C5A8 | 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 #6F5E87 to #B4C5A8

#6F5E87 #B4C5A8

Calculate the color between two colors, #6F5E87 and #B4C5A8. 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)

#6F5E87 - #B4C5A8 | 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 #6F5E87 as 0% and #B4C5A8 as 100%.

0.0%	0.0% #6F5E87	RGB 111 94 135	#6F5E87
16.7%	16.7% #7A6F8C	RGB 122 111 140	#7A6F8C
33.3%	33.3% #868092	RGB 134 128 146	#868092
50.0%	50.0% #919197	RGB 145 145 151	#919197
66.7%	66.7% #9DA29D	RGB 157 162 157	#9DA29D
83.3%	83.3% #A8B3A2	RGB 168 179 162	#A8B3A2
100.0%	100.0% #B4C5A8	RGB 180 197 168	#B4C5A8

#6F5E87 #7A6F8C #868092 #919197 #9DA29D #A8B3A2 #B4C5A8

#6F5E87 - #B4C5A8

HSV Blend

#6F5E87 - #B4C5A8 | 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 #6F5E87 as 0% and #B4C5A8 as 100%.

0.0%	0.0% #6F5E87	RGB 111 94 135	#6F5E87
16.7%	16.7% #686B91	RGB 104 107 145	#686B91
33.3%	33.3% #74899B	RGB 116 137 155	#74899B
50.0%	50.0% #80A5A6	RGB 128 165 166	#80A5A6
66.7%	66.7% #8DB09F	RGB 141 176 159	#8DB09F
83.3%	83.3% #9ABA9C	RGB 154 186 156	#9ABA9C
100.0%	100.0% #B4C5A8	RGB 180 197 168	#B4C5A8

#6F5E87 #686B91 #74899B #80A5A6 #8DB09F #9ABA9C #B4C5A8

#6F5E87 - #80A5A6 - #B4C5A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F5E87 0%, #80A5A6 50%, #B4C5A8 100%);
    background: -webkit-linear-gradient(top, #6F5E87 0%, #80A5A6 50%, #B4C5A8 100%);
    background: linear-gradient(to bottom, #6F5E87 0%, #80A5A6 50%, #B4C5A8 100%);
}
</style>