#DCDBEB - #8B91AF | 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 #DCDBEB to #8B91AF

#DCDBEB #8B91AF

Calculate the color between two colors, #DCDBEB and #8B91AF. 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)

#DCDBEB - #8B91AF | 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 #DCDBEB as 0% and #8B91AF as 100%.

0.0%	0.0% #DCDBEB	RGB 220 219 235	#DCDBEB
16.7%	16.7% #CECEE1	RGB 206 206 225	#CECEE1
33.3%	33.3% #C1C2D7	RGB 193 194 215	#C1C2D7
50.0%	50.0% #B3B6CD	RGB 179 182 205	#B3B6CD
66.7%	66.7% #A6A9C3	RGB 166 169 195	#A6A9C3
83.3%	83.3% #989DB9	RGB 152 157 185	#989DB9
100.0%	100.0% #8B91AF	RGB 139 145 175	#8B91AF

#DCDBEB #CECEE1 #C1C2D7 #B3B6CD #A6A9C3 #989DB9 #8B91AF

#DCDBEB - #8B91AF

HSV Blend

#DCDBEB - #8B91AF | 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 #DCDBEB as 0% and #8B91AF as 100%.

0.0%	0.0% #DCDBEB	RGB 220 219 235	#DCDBEB
16.7%	16.7% #CDCCE1	RGB 205 204 225	#CDCCE1
33.3%	33.3% #BEBED7	RGB 190 190 215	#BEBED7
50.0%	50.0% #B0B2CD	RGB 176 178 205	#B0B2CD
66.7%	66.7% #A3A6C3	RGB 163 166 195	#A3A6C3
83.3%	83.3% #979BB9	RGB 151 155 185	#979BB9
100.0%	100.0% #8B91AF	RGB 139 145 175	#8B91AF

#DCDBEB #CDCCE1 #BEBED7 #B0B2CD #A3A6C3 #979BB9 #8B91AF

#DCDBEB - #B0B2CD - #8B91AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DCDBEB 0%, #B0B2CD 50%, #8B91AF 100%);
    background: -webkit-linear-gradient(top, #DCDBEB 0%, #B0B2CD 50%, #8B91AF 100%);
    background: linear-gradient(to bottom, #DCDBEB 0%, #B0B2CD 50%, #8B91AF 100%);
}
</style>