#DDDDEB - #878FB5 | 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 #DDDDEB to #878FB5

#DDDDEB #878FB5

Calculate the color between two colors, #DDDDEB and #878FB5. 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)

#DDDDEB - #878FB5 | 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 #DDDDEB as 0% and #878FB5 as 100%.

0.0%	0.0% #DDDDEB	RGB 221 221 235	#DDDDEB
16.7%	16.7% #CED0E2	RGB 206 208 226	#CED0E2
33.3%	33.3% #C0C3D9	RGB 192 195 217	#C0C3D9
50.0%	50.0% #B2B6D0	RGB 178 182 208	#B2B6D0
66.7%	66.7% #A3A9C7	RGB 163 169 199	#A3A9C7
83.3%	83.3% #959CBE	RGB 149 156 190	#959CBE
100.0%	100.0% #878FB5	RGB 135 143 181	#878FB5

#DDDDEB #CED0E2 #C0C3D9 #B2B6D0 #A3A9C7 #959CBE #878FB5

#DDDDEB - #878FB5

HSV Blend

#DDDDEB - #878FB5 | 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 #DDDDEB as 0% and #878FB5 as 100%.

0.0%	0.0% #DDDDEB	RGB 221 221 235	#DDDDEB
16.7%	16.7% #CDCDE2	RGB 205 205 226	#CDCDE2
33.3%	33.3% #BDBFD9	RGB 189 191 217	#BDBFD9
50.0%	50.0% #AFB2D0	RGB 175 178 208	#AFB2D0
66.7%	66.7% #A1A5C7	RGB 161 165 199	#A1A5C7
83.3%	83.3% #9399BE	RGB 147 153 190	#9399BE
100.0%	100.0% #878FB5	RGB 135 143 181	#878FB5

#DDDDEB #CDCDE2 #BDBFD9 #AFB2D0 #A1A5C7 #9399BE #878FB5

#DDDDEB - #AFB2D0 - #878FB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DDDDEB 0%, #AFB2D0 50%, #878FB5 100%);
    background: -webkit-linear-gradient(top, #DDDDEB 0%, #AFB2D0 50%, #878FB5 100%);
    background: linear-gradient(to bottom, #DDDDEB 0%, #AFB2D0 50%, #878FB5 100%);
}
</style>