#D0CDD9 - #6D789C | 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 #D0CDD9 to #6D789C

#D0CDD9 #6D789C

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

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

0.0%	0.0% #D0CDD9	RGB 208 205 217	#D0CDD9
16.7%	16.7% #BFBECE	RGB 191 190 206	#BFBECE
33.3%	33.3% #AFB0C4	RGB 175 176 196	#AFB0C4
50.0%	50.0% #9EA2BA	RGB 158 162 186	#9EA2BA
66.7%	66.7% #8E94B0	RGB 142 148 176	#8E94B0
83.3%	83.3% #7D86A6	RGB 125 134 166	#7D86A6
100.0%	100.0% #6D789C	RGB 109 120 156	#6D789C

#D0CDD9 #BFBECE #AFB0C4 #9EA2BA #8E94B0 #7D86A6 #6D789C

#D0CDD9 - #6D789C

HSV Blend

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

0.0%	0.0% #D0CDD9	RGB 208 205 217	#D0CDD9
16.7%	16.7% #BEBACE	RGB 190 186 206	#BEBACE
33.3%	33.3% #ACA9C4	RGB 172 169 196	#ACA9C4
50.0%	50.0% #9999BA	RGB 153 153 186	#9999BA
66.7%	66.7% #898CB0	RGB 137 140 176	#898CB0
83.3%	83.3% #7A81A6	RGB 122 129 166	#7A81A6
100.0%	100.0% #6D789C	RGB 109 120 156	#6D789C

#D0CDD9 #BEBACE #ACA9C4 #9999BA #898CB0 #7A81A6 #6D789C

#D0CDD9 - #9999BA - #6D789C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D0CDD9 0%, #9999BA 50%, #6D789C 100%);
    background: -webkit-linear-gradient(top, #D0CDD9 0%, #9999BA 50%, #6D789C 100%);
    background: linear-gradient(to bottom, #D0CDD9 0%, #9999BA 50%, #6D789C 100%);
}
</style>