#5E7E89 - #CBBFAA | 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 #5E7E89 to #CBBFAA

#5E7E89 #CBBFAA

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

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

0.0%	0.0% #5E7E89	RGB 94 126 137	#5E7E89
16.7%	16.7% #70888E	RGB 112 136 142	#70888E
33.3%	33.3% #829394	RGB 130 147 148	#829394
50.0%	50.0% #949E99	RGB 148 158 153	#949E99
66.7%	66.7% #A6A99F	RGB 166 169 159	#A6A99F
83.3%	83.3% #B8B4A4	RGB 184 180 164	#B8B4A4
100.0%	100.0% #CBBFAA	RGB 203 191 170	#CBBFAA

#5E7E89 #70888E #829394 #949E99 #A6A99F #B8B4A4 #CBBFAA

#5E7E89 - #CBBFAA

HSV Blend

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

0.0%	0.0% #5E7E89	RGB 94 126 137	#5E7E89
16.7%	16.7% #69948C	RGB 105 148 140	#69948C
33.3%	33.3% #759F85	RGB 117 159 133	#759F85
50.0%	50.0% #83AA81	RGB 131 170 129	#83AA81
66.7%	66.7% #A1B58E	RGB 161 181 142	#A1B58E
83.3%	83.3% #BDC09B	RGB 189 192 155	#BDC09B
100.0%	100.0% #CBBFAA	RGB 203 191 170	#CBBFAA

#5E7E89 #69948C #759F85 #83AA81 #A1B58E #BDC09B #CBBFAA

#5E7E89 - #83AA81 - #CBBFAA

CSS codes

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

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