#7A8B7E - #D9DDDA | 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 #7A8B7E to #D9DDDA

#7A8B7E #D9DDDA

Calculate the color between two colors, #7A8B7E and #D9DDDA. 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)

#7A8B7E - #D9DDDA | 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 #7A8B7E as 0% and #D9DDDA as 100%.

0.0%	0.0% #7A8B7E	RGB 122 139 126	#7A8B7E
16.7%	16.7% #89988D	RGB 137 152 141	#89988D
33.3%	33.3% #99A69C	RGB 153 166 156	#99A69C
50.0%	50.0% #A9B4AC	RGB 169 180 172	#A9B4AC
66.7%	66.7% #B9C1BB	RGB 185 193 187	#B9C1BB
83.3%	83.3% #C9CFCA	RGB 201 207 202	#C9CFCA
100.0%	100.0% #D9DDDA	RGB 217 221 218	#D9DDDA

#7A8B7E #89988D #99A69C #A9B4AC #B9C1BB #C9CFCA #D9DDDA

#7A8B7E - #D9DDDA

HSV Blend

#7A8B7E - #D9DDDA | 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 #7A8B7E as 0% and #D9DDDA as 100%.

0.0%	0.0% #7A8B7E	RGB 122 139 126	#7A8B7E
16.7%	16.7% #88988C	RGB 136 152 140	#88988C
33.3%	33.3% #97A69B	RGB 151 166 155	#97A69B
50.0%	50.0% #A7B4AA	RGB 167 180 170	#A7B4AA
66.7%	66.7% #B7C1B9	RGB 183 193 185	#B7C1B9
83.3%	83.3% #C7CFC9	RGB 199 207 201	#C7CFC9
100.0%	100.0% #D9DDDA	RGB 217 221 218	#D9DDDA

#7A8B7E #88988C #97A69B #A7B4AA #B7C1B9 #C7CFC9 #D9DDDA

#7A8B7E - #A7B4AA - #D9DDDA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A8B7E 0%, #A7B4AA 50%, #D9DDDA 100%);
    background: -webkit-linear-gradient(top, #7A8B7E 0%, #A7B4AA 50%, #D9DDDA 100%);
    background: linear-gradient(to bottom, #7A8B7E 0%, #A7B4AA 50%, #D9DDDA 100%);
}
</style>