#DFE2F8 - #829DC8 | 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 #DFE2F8 to #829DC8

#DFE2F8 #829DC8

Calculate the color between two colors, #DFE2F8 and #829DC8. 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)

#DFE2F8 - #829DC8 | 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 #DFE2F8 as 0% and #829DC8 as 100%.

0.0%	0.0% #DFE2F8	RGB 223 226 248	#DFE2F8
16.7%	16.7% #CFD6F0	RGB 207 214 240	#CFD6F0
33.3%	33.3% #C0CBE8	RGB 192 203 232	#C0CBE8
50.0%	50.0% #B0BFE0	RGB 176 191 224	#B0BFE0
66.7%	66.7% #A1B4D8	RGB 161 180 216	#A1B4D8
83.3%	83.3% #91A8D0	RGB 145 168 208	#91A8D0
100.0%	100.0% #829DC8	RGB 130 157 200	#829DC8

#DFE2F8 #CFD6F0 #C0CBE8 #B0BFE0 #A1B4D8 #91A8D0 #829DC8

#DFE2F8 - #829DC8

HSV Blend

#DFE2F8 - #829DC8 | 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 #DFE2F8 as 0% and #829DC8 as 100%.

0.0%	0.0% #DFE2F8	RGB 223 226 248	#DFE2F8
16.7%	16.7% #CDD3F0	RGB 205 211 240	#CDD3F0
33.3%	33.3% #BDC6E8	RGB 189 198 232	#BDC6E8
50.0%	50.0% #ADBAE0	RGB 173 186 224	#ADBAE0
66.7%	66.7% #9EAFD8	RGB 158 175 216	#9EAFD8
83.3%	83.3% #8FA5D0	RGB 143 165 208	#8FA5D0
100.0%	100.0% #829DC8	RGB 130 157 200	#829DC8

#DFE2F8 #CDD3F0 #BDC6E8 #ADBAE0 #9EAFD8 #8FA5D0 #829DC8

#DFE2F8 - #ADBAE0 - #829DC8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFE2F8 0%, #ADBAE0 50%, #829DC8 100%);
    background: -webkit-linear-gradient(top, #DFE2F8 0%, #ADBAE0 50%, #829DC8 100%);
    background: linear-gradient(to bottom, #DFE2F8 0%, #ADBAE0 50%, #829DC8 100%);
}
</style>