#98AA9F - #D3C8A8 | 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 #98AA9F to #D3C8A8

#98AA9F #D3C8A8

Calculate the color between two colors, #98AA9F and #D3C8A8. 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)

#98AA9F - #D3C8A8 | 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 #98AA9F as 0% and #D3C8A8 as 100%.

0.0%	0.0% #98AA9F	RGB 152 170 159	#98AA9F
16.7%	16.7% #A1AFA0	RGB 161 175 160	#A1AFA0
33.3%	33.3% #ABB4A2	RGB 171 180 162	#ABB4A2
50.0%	50.0% #B5B9A3	RGB 181 185 163	#B5B9A3
66.7%	66.7% #BFBEA5	RGB 191 190 165	#BFBEA5
83.3%	83.3% #C9C3A6	RGB 201 195 166	#C9C3A6
100.0%	100.0% #D3C8A8	RGB 211 200 168	#D3C8A8

#98AA9F #A1AFA0 #ABB4A2 #B5B9A3 #BFBEA5 #C9C3A6 #D3C8A8

#98AA9F - #D3C8A8

HSV Blend

#98AA9F - #D3C8A8 | 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 #98AA9F as 0% and #D3C8A8 as 100%.

0.0%	0.0% #98AA9F	RGB 152 170 159	#98AA9F
16.7%	16.7% #9BB09D	RGB 155 176 157	#9BB09D
33.3%	33.3% #A2B79E	RGB 162 183 158	#A2B79E
50.0%	50.0% #ADBEA1	RGB 173 190 161	#ADBEA1
66.7%	66.7% #BBC5A3	RGB 187 197 163	#BBC5A3
83.3%	83.3% #CBCCA5	RGB 203 204 165	#CBCCA5
100.0%	100.0% #D3C8A8	RGB 211 200 168	#D3C8A8

#98AA9F #9BB09D #A2B79E #ADBEA1 #BBC5A3 #CBCCA5 #D3C8A8

#98AA9F - #ADBEA1 - #D3C8A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #98AA9F 0%, #ADBEA1 50%, #D3C8A8 100%);
    background: -webkit-linear-gradient(top, #98AA9F 0%, #ADBEA1 50%, #D3C8A8 100%);
    background: linear-gradient(to bottom, #98AA9F 0%, #ADBEA1 50%, #D3C8A8 100%);
}
</style>