#858B9F - #DCDDE3 | 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 #858B9F to #DCDDE3

#858B9F #DCDDE3

Calculate the color between two colors, #858B9F and #DCDDE3. 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)

#858B9F - #DCDDE3 | 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 #858B9F as 0% and #DCDDE3 as 100%.

0.0%	0.0% #858B9F	RGB 133 139 159	#858B9F
16.7%	16.7% #9398AA	RGB 147 152 170	#9398AA
33.3%	33.3% #A2A6B5	RGB 162 166 181	#A2A6B5
50.0%	50.0% #B0B4C1	RGB 176 180 193	#B0B4C1
66.7%	66.7% #BFC1CC	RGB 191 193 204	#BFC1CC
83.3%	83.3% #CDCFD7	RGB 205 207 215	#CDCFD7
100.0%	100.0% #DCDDE3	RGB 220 221 227	#DCDDE3

#858B9F #9398AA #A2A6B5 #B0B4C1 #BFC1CC #CDCFD7 #DCDDE3

#858B9F - #DCDDE3

HSV Blend

#858B9F - #DCDDE3 | 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 #858B9F as 0% and #DCDDE3 as 100%.

0.0%	0.0% #858B9F	RGB 133 139 159	#858B9F
16.7%	16.7% #9297AA	RGB 146 151 170	#9297AA
33.3%	33.3% #9FA4B5	RGB 159 164 181	#9FA4B5
50.0%	50.0% #AEB1C1	RGB 174 177 193	#AEB1C1
66.7%	66.7% #BCBFCC	RGB 188 191 204	#BCBFCC
83.3%	83.3% #CCCED7	RGB 204 206 215	#CCCED7
100.0%	100.0% #DCDDE3	RGB 220 221 227	#DCDDE3

#858B9F #9297AA #9FA4B5 #AEB1C1 #BCBFCC #CCCED7 #DCDDE3

#858B9F - #AEB1C1 - #DCDDE3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #858B9F 0%, #AEB1C1 50%, #DCDDE3 100%);
    background: -webkit-linear-gradient(top, #858B9F 0%, #AEB1C1 50%, #DCDDE3 100%);
    background: linear-gradient(to bottom, #858B9F 0%, #AEB1C1 50%, #DCDDE3 100%);
}
</style>