#DCDFE2 - #90B5CF | 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 #DCDFE2 to #90B5CF

#DCDFE2 #90B5CF

Calculate the color between two colors, #DCDFE2 and #90B5CF. 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)

#DCDFE2 - #90B5CF | 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 #DCDFE2 as 0% and #90B5CF as 100%.

0.0%	0.0% #DCDFE2	RGB 220 223 226	#DCDFE2
16.7%	16.7% #CFD8DE	RGB 207 216 222	#CFD8DE
33.3%	33.3% #C2D1DB	RGB 194 209 219	#C2D1DB
50.0%	50.0% #B6CAD8	RGB 182 202 216	#B6CAD8
66.7%	66.7% #A9C3D5	RGB 169 195 213	#A9C3D5
83.3%	83.3% #9CBCD2	RGB 156 188 210	#9CBCD2
100.0%	100.0% #90B5CF	RGB 144 181 207	#90B5CF

#DCDFE2 #CFD8DE #C2D1DB #B6CAD8 #A9C3D5 #9CBCD2 #90B5CF

#DCDFE2 - #90B5CF

HSV Blend

#DCDFE2 - #90B5CF | 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 #DCDFE2 as 0% and #90B5CF as 100%.

0.0%	0.0% #DCDFE2	RGB 220 223 226	#DCDFE2
16.7%	16.7% #CED6DE	RGB 206 214 222	#CED6DE
33.3%	33.3% #C1CFDB	RGB 193 207 219	#C1CFDB
50.0%	50.0% #B4C8D8	RGB 180 200 216	#B4C8D8
66.7%	66.7% #A8C1D5	RGB 168 193 213	#A8C1D5
83.3%	83.3% #9BBAD2	RGB 155 186 210	#9BBAD2
100.0%	100.0% #90B5CF	RGB 144 181 207	#90B5CF

#DCDFE2 #CED6DE #C1CFDB #B4C8D8 #A8C1D5 #9BBAD2 #90B5CF

#DCDFE2 - #B4C8D8 - #90B5CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DCDFE2 0%, #B4C8D8 50%, #90B5CF 100%);
    background: -webkit-linear-gradient(top, #DCDFE2 0%, #B4C8D8 50%, #90B5CF 100%);
    background: linear-gradient(to bottom, #DCDFE2 0%, #B4C8D8 50%, #90B5CF 100%);
}
</style>