#5E899F - #CAC8BA | 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 #5E899F to #CAC8BA

#5E899F #CAC8BA

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

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

0.0%	0.0% #5E899F	RGB 94 137 159	#5E899F
16.7%	16.7% #7093A3	RGB 112 147 163	#7093A3
33.3%	33.3% #829EA8	RGB 130 158 168	#829EA8
50.0%	50.0% #94A8AC	RGB 148 168 172	#94A8AC
66.7%	66.7% #A6B3B1	RGB 166 179 177	#A6B3B1
83.3%	83.3% #B8BDB5	RGB 184 189 181	#B8BDB5
100.0%	100.0% #CAC8BA	RGB 202 200 186	#CAC8BA

#5E899F #7093A3 #829EA8 #94A8AC #A6B3B1 #B8BDB5 #CAC8BA

#5E899F - #CAC8BA

HSV Blend

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

0.0%	0.0% #5E899F	RGB 94 137 159	#5E899F
16.7%	16.7% #6BA6A1	RGB 107 166 161	#6BA6A1
33.3%	33.3% #79AD94	RGB 121 173 148	#79AD94
50.0%	50.0% #88B48D	RGB 136 180 141	#88B48D
66.7%	66.7% #A2BB98	RGB 162 187 152	#A2BB98
83.3%	83.3% #BBC2A8	RGB 187 194 168	#BBC2A8
100.0%	100.0% #CAC8BA	RGB 202 200 186	#CAC8BA

#5E899F #6BA6A1 #79AD94 #88B48D #A2BB98 #BBC2A8 #CAC8BA

#5E899F - #88B48D - #CAC8BA

CSS codes

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

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