#5A858F - #CEC6B0 | 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 #5A858F to #CEC6B0

#5A858F #CEC6B0

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

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

0.0%	0.0% #5A858F	RGB 90 133 143	#5A858F
16.7%	16.7% #6D8F94	RGB 109 143 148	#6D8F94
33.3%	33.3% #809A9A	RGB 128 154 154	#809A9A
50.0%	50.0% #94A59F	RGB 148 165 159	#94A59F
66.7%	66.7% #A7B0A5	RGB 167 176 165	#A7B0A5
83.3%	83.3% #BABBAA	RGB 186 187 170	#BABBAA
100.0%	100.0% #CEC6B0	RGB 206 198 176	#CEC6B0

#5A858F #6D8F94 #809A9A #94A59F #A7B0A5 #BABBAA #CEC6B0

#5A858F - #CEC6B0

HSV Blend

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

0.0%	0.0% #5A858F	RGB 90 133 143	#5A858F
16.7%	16.7% #66998E	RGB 102 153 142	#66998E
33.3%	33.3% #73A485	RGB 115 164 133	#73A485
50.0%	50.0% #83AE81	RGB 131 174 129	#83AE81
66.7%	66.7% #A2B990	RGB 162 185 144	#A2B990
83.3%	83.3% #BEC39F	RGB 190 195 159	#BEC39F
100.0%	100.0% #CEC6B0	RGB 206 198 176	#CEC6B0

#5A858F #66998E #73A485 #83AE81 #A2B990 #BEC39F #CEC6B0

#5A858F - #83AE81 - #CEC6B0

CSS codes

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

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