#B4B8B4 - #698B5E | 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 #B4B8B4 to #698B5E

#B4B8B4 #698B5E

Calculate the color between two colors, #B4B8B4 and #698B5E. 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)

#B4B8B4 - #698B5E | 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 #B4B8B4 as 0% and #698B5E as 100%.

0.0%	0.0% #B4B8B4	RGB 180 184 180	#B4B8B4
16.7%	16.7% #A7B0A5	RGB 167 176 165	#A7B0A5
33.3%	33.3% #9BA997	RGB 155 169 151	#9BA997
50.0%	50.0% #8EA189	RGB 142 161 137	#8EA189
66.7%	66.7% #829A7A	RGB 130 154 122	#829A7A
83.3%	83.3% #75926C	RGB 117 146 108	#75926C
100.0%	100.0% #698B5E	RGB 105 139 94	#698B5E

#B4B8B4 #A7B0A5 #9BA997 #8EA189 #829A7A #75926C #698B5E

#B4B8B4 - #698B5E

HSV Blend

#B4B8B4 - #698B5E | 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 #B4B8B4 as 0% and #698B5E as 100%.

0.0%	0.0% #B4B8B4	RGB 180 184 180	#B4B8B4
16.7%	16.7% #A4B0A3	RGB 164 176 163	#A4B0A3
33.3%	33.3% #95A994	RGB 149 169 148	#95A994
50.0%	50.0% #89A185	RGB 137 161 133	#89A185
66.7%	66.7% #7D9A77	RGB 125 154 119	#7D9A77
83.3%	83.3% #72926A	RGB 114 146 106	#72926A
100.0%	100.0% #698B5E	RGB 105 139 94	#698B5E

#B4B8B4 #A4B0A3 #95A994 #89A185 #7D9A77 #72926A #698B5E

#B4B8B4 - #89A185 - #698B5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B4B8B4 0%, #89A185 50%, #698B5E 100%);
    background: -webkit-linear-gradient(top, #B4B8B4 0%, #89A185 50%, #698B5E 100%);
    background: linear-gradient(to bottom, #B4B8B4 0%, #89A185 50%, #698B5E 100%);
}
</style>