#6B8C7E - #D4DEDA | 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 #6B8C7E to #D4DEDA

#6B8C7E #D4DEDA

Calculate the color between two colors, #6B8C7E and #D4DEDA. 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)

#6B8C7E - #D4DEDA | 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 #6B8C7E as 0% and #D4DEDA as 100%.

0.0%	0.0% #6B8C7E	RGB 107 140 126	#6B8C7E
16.7%	16.7% #7C998D	RGB 124 153 141	#7C998D
33.3%	33.3% #8EA79C	RGB 142 167 156	#8EA79C
50.0%	50.0% #9FB5AC	RGB 159 181 172	#9FB5AC
66.7%	66.7% #B1C2BB	RGB 177 194 187	#B1C2BB
83.3%	83.3% #C2D0CA	RGB 194 208 202	#C2D0CA
100.0%	100.0% #D4DEDA	RGB 212 222 218	#D4DEDA

#6B8C7E #7C998D #8EA79C #9FB5AC #B1C2BB #C2D0CA #D4DEDA

#6B8C7E - #D4DEDA

HSV Blend

#6B8C7E - #D4DEDA | 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 #6B8C7E as 0% and #D4DEDA as 100%.

0.0%	0.0% #6B8C7E	RGB 107 140 126	#6B8C7E
16.7%	16.7% #7A998C	RGB 122 153 140	#7A998C
33.3%	33.3% #8AA79B	RGB 138 167 155	#8AA79B
50.0%	50.0% #9BB5AA	RGB 155 181 170	#9BB5AA
66.7%	66.7% #ADC2BA	RGB 173 194 186	#ADC2BA
83.3%	83.3% #C0D0C9	RGB 192 208 201	#C0D0C9
100.0%	100.0% #D4DEDA	RGB 212 222 218	#D4DEDA

#6B8C7E #7A998C #8AA79B #9BB5AA #ADC2BA #C0D0C9 #D4DEDA

#6B8C7E - #9BB5AA - #D4DEDA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B8C7E 0%, #9BB5AA 50%, #D4DEDA 100%);
    background: -webkit-linear-gradient(top, #6B8C7E 0%, #9BB5AA 50%, #D4DEDA 100%);
    background: linear-gradient(to bottom, #6B8C7E 0%, #9BB5AA 50%, #D4DEDA 100%);
}
</style>