#738A8D - #DAC7AC | 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 #738A8D to #DAC7AC

#738A8D #DAC7AC

Calculate the color between two colors, #738A8D and #DAC7AC. 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)

#738A8D - #DAC7AC | 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 #738A8D as 0% and #DAC7AC as 100%.

0.0%	0.0% #738A8D	RGB 115 138 141	#738A8D
16.7%	16.7% #849492	RGB 132 148 146	#849492
33.3%	33.3% #959E97	RGB 149 158 151	#959E97
50.0%	50.0% #A6A89C	RGB 166 168 156	#A6A89C
66.7%	66.7% #B7B2A1	RGB 183 178 161	#B7B2A1
83.3%	83.3% #C8BCA6	RGB 200 188 166	#C8BCA6
100.0%	100.0% #DAC7AC	RGB 218 199 172	#DAC7AC

#738A8D #849492 #959E97 #A6A89C #B7B2A1 #C8BCA6 #DAC7AC

#738A8D - #DAC7AC

HSV Blend

#738A8D - #DAC7AC | 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 #738A8D as 0% and #DAC7AC as 100%.

0.0%	0.0% #738A8D	RGB 115 138 141	#738A8D
16.7%	16.7% #7C9990	RGB 124 153 144	#7C9990
33.3%	33.3% #86A68F	RGB 134 166 143	#86A68F
50.0%	50.0% #95B390	RGB 149 179 144	#95B390
66.7%	66.7% #AFC099	RGB 175 192 153	#AFC099
83.3%	83.3% #CCCDA2	RGB 204 205 162	#CCCDA2
100.0%	100.0% #DAC7AC	RGB 218 199 172	#DAC7AC

#738A8D #7C9990 #86A68F #95B390 #AFC099 #CCCDA2 #DAC7AC

#738A8D - #95B390 - #DAC7AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #738A8D 0%, #95B390 50%, #DAC7AC 100%);
    background: -webkit-linear-gradient(top, #738A8D 0%, #95B390 50%, #DAC7AC 100%);
    background: linear-gradient(to bottom, #738A8D 0%, #95B390 50%, #DAC7AC 100%);
}
</style>