#6B849B - #D4DBE2 | 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 #6B849B to #D4DBE2

#6B849B #D4DBE2

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

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

0.0%	0.0% #6B849B	RGB 107 132 155	#6B849B
16.7%	16.7% #7C92A6	RGB 124 146 166	#7C92A6
33.3%	33.3% #8EA1B2	RGB 142 161 178	#8EA1B2
50.0%	50.0% #9FAFBE	RGB 159 175 190	#9FAFBE
66.7%	66.7% #B1BECA	RGB 177 190 202	#B1BECA
83.3%	83.3% #C2CCD6	RGB 194 204 214	#C2CCD6
100.0%	100.0% #D4DBE2	RGB 212 219 226	#D4DBE2

#6B849B #7C92A6 #8EA1B2 #9FAFBE #B1BECA #C2CCD6 #D4DBE2

#6B849B - #D4DBE2

HSV Blend

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

0.0%	0.0% #6B849B	RGB 107 132 155	#6B849B
16.7%	16.7% #7A91A6	RGB 122 145 166	#7A91A6
33.3%	33.3% #8A9EB2	RGB 138 158 178	#8A9EB2
50.0%	50.0% #9BADBE	RGB 155 173 190	#9BADBE
66.7%	66.7% #ADBBCA	RGB 173 187 202	#ADBBCA
83.3%	83.3% #C0CBD6	RGB 192 203 214	#C0CBD6
100.0%	100.0% #D4DBE2	RGB 212 219 226	#D4DBE2

#6B849B #7A91A6 #8A9EB2 #9BADBE #ADBBCA #C0CBD6 #D4DBE2

#6B849B - #9BADBE - #D4DBE2

CSS codes

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

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