#8CAAB6 - #D8CAC4 | 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 #8CAAB6 to #D8CAC4

#8CAAB6 #D8CAC4

Calculate the color between two colors, #8CAAB6 and #D8CAC4. 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)

#8CAAB6 - #D8CAC4 | 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 #8CAAB6 as 0% and #D8CAC4 as 100%.

0.0%	0.0% #8CAAB6	RGB 140 170 182	#8CAAB6
16.7%	16.7% #98AFB8	RGB 152 175 184	#98AFB8
33.3%	33.3% #A5B4BA	RGB 165 180 186	#A5B4BA
50.0%	50.0% #B2BABD	RGB 178 186 189	#B2BABD
66.7%	66.7% #BEBFBF	RGB 190 191 191	#BEBFBF
83.3%	83.3% #CBC4C1	RGB 203 196 193	#CBC4C1
100.0%	100.0% #D8CAC4	RGB 216 202 196	#D8CAC4

#8CAAB6 #98AFB8 #A5B4BA #B2BABD #BEBFBF #CBC4C1 #D8CAC4

#8CAAB6 - #D8CAC4

HSV Blend

#8CAAB6 - #D8CAC4 | 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 #8CAAB6 as 0% and #D8CAC4 as 100%.

0.0%	0.0% #8CAAB6	RGB 140 170 182	#8CAAB6
16.7%	16.7% #94BBB3	RGB 148 187 179	#94BBB3
33.3%	33.3% #9DC1A7	RGB 157 193 167	#9DC1A7
50.0%	50.0% #ADC7A6	RGB 173 199 166	#ADC7A6
66.7%	66.7% #C4CCB0	RGB 196 204 176	#C4CCB0
83.3%	83.3% #D2CDBA	RGB 210 205 186	#D2CDBA
100.0%	100.0% #D8CAC4	RGB 216 202 196	#D8CAC4

#8CAAB6 #94BBB3 #9DC1A7 #ADC7A6 #C4CCB0 #D2CDBA #D8CAC4

#8CAAB6 - #ADC7A6 - #D8CAC4

CSS codes

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

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