#5E7968 - #B196B4 | 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 #5E7968 to #B196B4

#5E7968 #B196B4

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

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

0.0%	0.0% #5E7968	RGB 94 121 104	#5E7968
16.7%	16.7% #6B7D74	RGB 107 125 116	#6B7D74
33.3%	33.3% #798281	RGB 121 130 129	#798281
50.0%	50.0% #87878E	RGB 135 135 142	#87878E
66.7%	66.7% #958C9A	RGB 149 140 154	#958C9A
83.3%	83.3% #A391A7	RGB 163 145 167	#A391A7
100.0%	100.0% #B196B4	RGB 177 150 180	#B196B4

#5E7968 #6B7D74 #798281 #87878E #958C9A #A391A7 #B196B4

#5E7968 - #B196B4

HSV Blend

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

0.0%	0.0% #5E7968	RGB 94 121 104	#5E7968
16.7%	16.7% #66827D	RGB 102 130 125	#66827D
33.3%	33.3% #6F868C	RGB 111 134 140	#6F868C
50.0%	50.0% #798396	RGB 121 131 150	#798396
66.7%	66.7% #8482A0	RGB 132 130 160	#8482A0
83.3%	83.3% #9A8CAA	RGB 154 140 170	#9A8CAA
100.0%	100.0% #B196B4	RGB 177 150 180	#B196B4

#5E7968 #66827D #6F868C #798396 #8482A0 #9A8CAA #B196B4

#5E7968 - #798396 - #B196B4

CSS codes

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

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