#638A8F - #D5C9AF | 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 #638A8F to #D5C9AF

#638A8F #D5C9AF

Calculate the color between two colors, #638A8F and #D5C9AF. 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)

#638A8F - #D5C9AF | 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 #638A8F as 0% and #D5C9AF as 100%.

0.0%	0.0% #638A8F	RGB 99 138 143	#638A8F
16.7%	16.7% #769494	RGB 118 148 148	#769494
33.3%	33.3% #899F99	RGB 137 159 153	#899F99
50.0%	50.0% #9CA99F	RGB 156 169 159	#9CA99F
66.7%	66.7% #AFB4A4	RGB 175 180 164	#AFB4A4
83.3%	83.3% #C2BEA9	RGB 194 190 169	#C2BEA9
100.0%	100.0% #D5C9AF	RGB 213 201 175	#D5C9AF

#638A8F #769494 #899F99 #9CA99F #AFB4A4 #C2BEA9 #D5C9AF

#638A8F - #D5C9AF

HSV Blend

#638A8F - #D5C9AF | 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 #638A8F as 0% and #D5C9AF as 100%.

0.0%	0.0% #638A8F	RGB 99 138 143	#638A8F
16.7%	16.7% #6E9A8D	RGB 110 154 141	#6E9A8D
33.3%	33.3% #7AA687	RGB 122 166 135	#7AA687
50.0%	50.0% #8BB286	RGB 139 178 134	#8BB286
66.7%	66.7% #A8BD93	RGB 168 189 147	#A8BD93
83.3%	83.3% #C5C9A1	RGB 197 201 161	#C5C9A1
100.0%	100.0% #D5C9AF	RGB 213 201 175	#D5C9AF

#638A8F #6E9A8D #7AA687 #8BB286 #A8BD93 #C5C9A1 #D5C9AF

#638A8F - #8BB286 - #D5C9AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #638A8F 0%, #8BB286 50%, #D5C9AF 100%);
    background: -webkit-linear-gradient(top, #638A8F 0%, #8BB286 50%, #D5C9AF 100%);
    background: linear-gradient(to bottom, #638A8F 0%, #8BB286 50%, #D5C9AF 100%);
}
</style>