#DBDFFC - #7C98CF | 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 #DBDFFC to #7C98CF

#DBDFFC #7C98CF

Calculate the color between two colors, #DBDFFC and #7C98CF. 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)

#DBDFFC - #7C98CF | 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 #DBDFFC as 0% and #7C98CF as 100%.

0.0%	0.0% #DBDFFC	RGB 219 223 252	#DBDFFC
16.7%	16.7% #CBD3F4	RGB 203 211 244	#CBD3F4
33.3%	33.3% #BBC7ED	RGB 187 199 237	#BBC7ED
50.0%	50.0% #ABBBE5	RGB 171 187 229	#ABBBE5
66.7%	66.7% #9BAFDE	RGB 155 175 222	#9BAFDE
83.3%	83.3% #8BA3D6	RGB 139 163 214	#8BA3D6
100.0%	100.0% #7C98CF	RGB 124 152 207	#7C98CF

#DBDFFC #CBD3F4 #BBC7ED #ABBBE5 #9BAFDE #8BA3D6 #7C98CF

#DBDFFC - #7C98CF

HSV Blend

#DBDFFC - #7C98CF | 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 #DBDFFC as 0% and #7C98CF as 100%.

0.0%	0.0% #DBDFFC	RGB 219 223 252	#DBDFFC
16.7%	16.7% #C9D0F4	RGB 201 208 244	#C9D0F4
33.3%	33.3% #B8C2ED	RGB 184 194 237	#B8C2ED
50.0%	50.0% #A8B6E5	RGB 168 182 229	#A8B6E5
66.7%	66.7% #98ABDE	RGB 152 171 222	#98ABDE
83.3%	83.3% #8AA1D6	RGB 138 161 214	#8AA1D6
100.0%	100.0% #7C98CF	RGB 124 152 207	#7C98CF

#DBDFFC #C9D0F4 #B8C2ED #A8B6E5 #98ABDE #8AA1D6 #7C98CF

#DBDFFC - #A8B6E5 - #7C98CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBDFFC 0%, #A8B6E5 50%, #7C98CF 100%);
    background: -webkit-linear-gradient(top, #DBDFFC 0%, #A8B6E5 50%, #7C98CF 100%);
    background: linear-gradient(to bottom, #DBDFFC 0%, #A8B6E5 50%, #7C98CF 100%);
}
</style>