#DFDFF6 - #809AC5 | 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 #DFDFF6 to #809AC5

#DFDFF6 #809AC5

Calculate the color between two colors, #DFDFF6 and #809AC5. 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)

#DFDFF6 - #809AC5 | 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 #DFDFF6 as 0% and #809AC5 as 100%.

0.0%	0.0% #DFDFF6	RGB 223 223 246	#DFDFF6
16.7%	16.7% #CFD3ED	RGB 207 211 237	#CFD3ED
33.3%	33.3% #BFC8E5	RGB 191 200 229	#BFC8E5
50.0%	50.0% #AFBCDD	RGB 175 188 221	#AFBCDD
66.7%	66.7% #9FB1D5	RGB 159 177 213	#9FB1D5
83.3%	83.3% #8FA5CD	RGB 143 165 205	#8FA5CD
100.0%	100.0% #809AC5	RGB 128 154 197	#809AC5

#DFDFF6 #CFD3ED #BFC8E5 #AFBCDD #9FB1D5 #8FA5CD #809AC5

#DFDFF6 - #809AC5

HSV Blend

#DFDFF6 - #809AC5 | 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 #DFDFF6 as 0% and #809AC5 as 100%.

0.0%	0.0% #DFDFF6	RGB 223 223 246	#DFDFF6
16.7%	16.7% #CDCFED	RGB 205 207 237	#CDCFED
33.3%	33.3% #BCC1E5	RGB 188 193 229	#BCC1E5
50.0%	50.0% #ACB5DD	RGB 172 181 221	#ACB5DD
66.7%	66.7% #9CABD5	RGB 156 171 213	#9CABD5
83.3%	83.3% #8EA1CD	RGB 142 161 205	#8EA1CD
100.0%	100.0% #809AC5	RGB 128 154 197	#809AC5

#DFDFF6 #CDCFED #BCC1E5 #ACB5DD #9CABD5 #8EA1CD #809AC5

#DFDFF6 - #ACB5DD - #809AC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFDFF6 0%, #ACB5DD 50%, #809AC5 100%);
    background: -webkit-linear-gradient(top, #DFDFF6 0%, #ACB5DD 50%, #809AC5 100%);
    background: linear-gradient(to bottom, #DFDFF6 0%, #ACB5DD 50%, #809AC5 100%);
}
</style>