#616C5E - #B08FBE | 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 #616C5E to #B08FBE

#616C5E #B08FBE

Calculate the color between two colors, #616C5E and #B08FBE. 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)

#616C5E - #B08FBE | 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 #616C5E as 0% and #B08FBE as 100%.

0.0%	0.0% #616C5E	RGB 97 108 94	#616C5E
16.7%	16.7% #6E716E	RGB 110 113 110	#6E716E
33.3%	33.3% #7B777E	RGB 123 119 126	#7B777E
50.0%	50.0% #887D8E	RGB 136 125 142	#887D8E
66.7%	66.7% #95839E	RGB 149 131 158	#95839E
83.3%	83.3% #A289AE	RGB 162 137 174	#A289AE
100.0%	100.0% #B08FBE	RGB 176 143 190	#B08FBE

#616C5E #6E716E #7B777E #887D8E #95839E #A289AE #B08FBE

#616C5E - #B08FBE

HSV Blend

#616C5E - #B08FBE | 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 #616C5E as 0% and #B08FBE as 100%.

0.0%	0.0% #616C5E	RGB 97 108 94	#616C5E
16.7%	16.7% #67796C	RGB 103 121 108	#67796C
33.3%	33.3% #708781	RGB 112 135 129	#708781
50.0%	50.0% #788E95	RGB 120 142 149	#788E95
66.7%	66.7% #8089A2	RGB 128 137 162	#8089A2
83.3%	83.3% #9088B0	RGB 144 136 176	#9088B0
100.0%	100.0% #B08FBE	RGB 176 143 190	#B08FBE

#616C5E #67796C #708781 #788E95 #8089A2 #9088B0 #B08FBE

#616C5E - #788E95 - #B08FBE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #616C5E 0%, #788E95 50%, #B08FBE 100%);
    background: -webkit-linear-gradient(top, #616C5E 0%, #788E95 50%, #B08FBE 100%);
    background: linear-gradient(to bottom, #616C5E 0%, #788E95 50%, #B08FBE 100%);
}
</style>