#94AA9C - #D4C9A8 | 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 #94AA9C to #D4C9A8

#94AA9C #D4C9A8

Calculate the color between two colors, #94AA9C and #D4C9A8. 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)

#94AA9C - #D4C9A8 | 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 #94AA9C as 0% and #D4C9A8 as 100%.

0.0%	0.0% #94AA9C	RGB 148 170 156	#94AA9C
16.7%	16.7% #9EAF9E	RGB 158 175 158	#9EAF9E
33.3%	33.3% #A9B4A0	RGB 169 180 160	#A9B4A0
50.0%	50.0% #B4B9A2	RGB 180 185 162	#B4B9A2
66.7%	66.7% #BEBEA4	RGB 190 190 164	#BEBEA4
83.3%	83.3% #C9C3A6	RGB 201 195 166	#C9C3A6
100.0%	100.0% #D4C9A8	RGB 212 201 168	#D4C9A8

#94AA9C #9EAF9E #A9B4A0 #B4B9A2 #BEBEA4 #C9C3A6 #D4C9A8

#94AA9C - #D4C9A8

HSV Blend

#94AA9C - #D4C9A8 | 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 #94AA9C as 0% and #D4C9A8 as 100%.

0.0%	0.0% #94AA9C	RGB 148 170 156	#94AA9C
16.7%	16.7% #97B19A	RGB 151 177 154	#97B19A
33.3%	33.3% #A0B89B	RGB 160 184 155	#A0B89B
50.0%	50.0% #ADBF9E	RGB 173 191 158	#ADBF9E
66.7%	66.7% #BBC6A2	RGB 187 198 162	#BBC6A2
83.3%	83.3% #CCCDA5	RGB 204 205 165	#CCCDA5
100.0%	100.0% #D4C9A8	RGB 212 201 168	#D4C9A8

#94AA9C #97B19A #A0B89B #ADBF9E #BBC6A2 #CCCDA5 #D4C9A8

#94AA9C - #ADBF9E - #D4C9A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94AA9C 0%, #ADBF9E 50%, #D4C9A8 100%);
    background: -webkit-linear-gradient(top, #94AA9C 0%, #ADBF9E 50%, #D4C9A8 100%);
    background: linear-gradient(to bottom, #94AA9C 0%, #ADBF9E 50%, #D4C9A8 100%);
}
</style>