#DFE4FD - #829FD0 | 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 #DFE4FD to #829FD0

#DFE4FD #829FD0

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

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

0.0%	0.0% #DFE4FD	RGB 223 228 253	#DFE4FD
16.7%	16.7% #CFD8F5	RGB 207 216 245	#CFD8F5
33.3%	33.3% #C0CDEE	RGB 192 205 238	#C0CDEE
50.0%	50.0% #B0C1E6	RGB 176 193 230	#B0C1E6
66.7%	66.7% #A1B6DF	RGB 161 182 223	#A1B6DF
83.3%	83.3% #91AAD7	RGB 145 170 215	#91AAD7
100.0%	100.0% #829FD0	RGB 130 159 208	#829FD0

#DFE4FD #CFD8F5 #C0CDEE #B0C1E6 #A1B6DF #91AAD7 #829FD0

#DFE4FD - #829FD0

HSV Blend

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

0.0%	0.0% #DFE4FD	RGB 223 228 253	#DFE4FD
16.7%	16.7% #CDD5F5	RGB 205 213 245	#CDD5F5
33.3%	33.3% #BDC8EE	RGB 189 200 238	#BDC8EE
50.0%	50.0% #ADBCE6	RGB 173 188 230	#ADBCE6
66.7%	66.7% #9EB2DF	RGB 158 178 223	#9EB2DF
83.3%	83.3% #8FA8D7	RGB 143 168 215	#8FA8D7
100.0%	100.0% #829FD0	RGB 130 159 208	#829FD0

#DFE4FD #CDD5F5 #BDC8EE #ADBCE6 #9EB2DF #8FA8D7 #829FD0

#DFE4FD - #ADBCE6 - #829FD0

CSS codes

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

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