#5E7F84 - #CEC1A8 | 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 #5E7F84 to #CEC1A8

#5E7F84 #CEC1A8

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

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

0.0%	0.0% #5E7F84	RGB 94 127 132	#5E7F84
16.7%	16.7% #708A8A	RGB 112 138 138	#708A8A
33.3%	33.3% #839590	RGB 131 149 144	#839590
50.0%	50.0% #96A096	RGB 150 160 150	#96A096
66.7%	66.7% #A8AB9C	RGB 168 171 156	#A8AB9C
83.3%	83.3% #BBB6A2	RGB 187 182 162	#BBB6A2
100.0%	100.0% #CEC1A8	RGB 206 193 168	#CEC1A8

#5E7F84 #708A8A #839590 #96A096 #A8AB9C #BBB6A2 #CEC1A8

#5E7F84 - #CEC1A8

HSV Blend

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

0.0%	0.0% #5E7F84	RGB 94 127 132	#5E7F84
16.7%	16.7% #699085	RGB 105 144 133	#699085
33.3%	33.3% #749C81	RGB 116 156 129	#749C81
50.0%	50.0% #85A981	RGB 133 169 129	#85A981
66.7%	66.7% #A2B58D	RGB 162 181 141	#A2B58D
83.3%	83.3% #BEC19A	RGB 190 193 154	#BEC19A
100.0%	100.0% #CEC1A8	RGB 206 193 168	#CEC1A8

#5E7F84 #699085 #749C81 #85A981 #A2B58D #BEC19A #CEC1A8

#5E7F84 - #85A981 - #CEC1A8

CSS codes

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

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