#D1E5E8 - #829CB2 | 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 #D1E5E8 to #829CB2

#D1E5E8 #829CB2

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

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

0.0%	0.0% #D1E5E8	RGB 209 229 232	#D1E5E8
16.7%	16.7% #C3D8DF	RGB 195 216 223	#C3D8DF
33.3%	33.3% #B6CCD6	RGB 182 204 214	#B6CCD6
50.0%	50.0% #A9C0CD	RGB 169 192 205	#A9C0CD
66.7%	66.7% #9CB4C4	RGB 156 180 196	#9CB4C4
83.3%	83.3% #8FA8BB	RGB 143 168 187	#8FA8BB
100.0%	100.0% #829CB2	RGB 130 156 178	#829CB2

#D1E5E8 #C3D8DF #B6CCD6 #A9C0CD #9CB4C4 #8FA8BB #829CB2

#D1E5E8 - #829CB2

HSV Blend

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

0.0%	0.0% #D1E5E8	RGB 209 229 232	#D1E5E8
16.7%	16.7% #C2D9DF	RGB 194 217 223	#C2D9DF
33.3%	33.3% #B4CDD6	RGB 180 205 214	#B4CDD6
50.0%	50.0% #A7C1CD	RGB 167 193 205	#A7C1CD
66.7%	66.7% #9AB5C4	RGB 154 181 196	#9AB5C4
83.3%	83.3% #8DA8BB	RGB 141 168 187	#8DA8BB
100.0%	100.0% #829CB2	RGB 130 156 178	#829CB2

#D1E5E8 #C2D9DF #B4CDD6 #A7C1CD #9AB5C4 #8DA8BB #829CB2

#D1E5E8 - #A7C1CD - #829CB2

CSS codes

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

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