#5A6C8C - #C6D4AF | 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 #5A6C8C to #C6D4AF

#5A6C8C #C6D4AF

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

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

0.0%	0.0% #5A6C8C	RGB 90 108 140	#5A6C8C
16.7%	16.7% #6C7D91	RGB 108 125 145	#6C7D91
33.3%	33.3% #7E8E97	RGB 126 142 151	#7E8E97
50.0%	50.0% #90A09D	RGB 144 160 157	#90A09D
66.7%	66.7% #A2B1A3	RGB 162 177 163	#A2B1A3
83.3%	83.3% #B4C2A9	RGB 180 194 169	#B4C2A9
100.0%	100.0% #C6D4AF	RGB 198 212 175	#C6D4AF

#5A6C8C #6C7D91 #7E8E97 #90A09D #A2B1A3 #B4C2A9 #C6D4AF

#5A6C8C - #C6D4AF

HSV Blend

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

0.0%	0.0% #5A6C8C	RGB 90 108 140	#5A6C8C
16.7%	16.7% #668A98	RGB 102 138 152	#668A98
33.3%	33.3% #73A49E	RGB 115 164 158	#73A49E
50.0%	50.0% #81B099	RGB 129 176 153	#81B099
66.7%	66.7% #8FBC95	RGB 143 188 149	#8FBC95
83.3%	83.3% #A9C89F	RGB 169 200 159	#A9C89F
100.0%	100.0% #C6D4AF	RGB 198 212 175	#C6D4AF

#5A6C8C #668A98 #73A49E #81B099 #8FBC95 #A9C89F #C6D4AF

#5A6C8C - #81B099 - #C6D4AF

CSS codes

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

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