#8D9FDF - #DEE3F5 | 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 #8D9FDF to #DEE3F5

#8D9FDF #DEE3F5

Calculate the color between two colors, #8D9FDF and #DEE3F5. 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)

#8D9FDF - #DEE3F5 | 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 #8D9FDF as 0% and #DEE3F5 as 100%.

0.0%	0.0% #8D9FDF	RGB 141 159 223	#8D9FDF
16.7%	16.7% #9AAAE2	RGB 154 170 226	#9AAAE2
33.3%	33.3% #A8B5E6	RGB 168 181 230	#A8B5E6
50.0%	50.0% #B5C1EA	RGB 181 193 234	#B5C1EA
66.7%	66.7% #C3CCED	RGB 195 204 237	#C3CCED
83.3%	83.3% #D0D7F1	RGB 208 215 241	#D0D7F1
100.0%	100.0% #DEE3F5	RGB 222 227 245	#DEE3F5

#8D9FDF #9AAAE2 #A8B5E6 #B5C1EA #C3CCED #D0D7F1 #DEE3F5

#8D9FDF - #DEE3F5

HSV Blend

#8D9FDF - #DEE3F5 | 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 #8D9FDF as 0% and #DEE3F5 as 100%.

0.0%	0.0% #8D9FDF	RGB 141 159 223	#8D9FDF
16.7%	16.7% #99A9E2	RGB 153 169 226	#99A9E2
33.3%	33.3% #A6B4E6	RGB 166 180 230	#A6B4E6
50.0%	50.0% #B3BFEA	RGB 179 191 234	#B3BFEA
66.7%	66.7% #C1CBED	RGB 193 203 237	#C1CBED
83.3%	83.3% #CFD6F1	RGB 207 214 241	#CFD6F1
100.0%	100.0% #DEE3F5	RGB 222 227 245	#DEE3F5

#8D9FDF #99A9E2 #A6B4E6 #B3BFEA #C1CBED #CFD6F1 #DEE3F5

#8D9FDF - #B3BFEA - #DEE3F5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D9FDF 0%, #B3BFEA 50%, #DEE3F5 100%);
    background: -webkit-linear-gradient(top, #8D9FDF 0%, #B3BFEA 50%, #DEE3F5 100%);
    background: linear-gradient(to bottom, #8D9FDF 0%, #B3BFEA 50%, #DEE3F5 100%);
}
</style>