#DFDFEC - #8298B6 | 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 #DFDFEC to #8298B6

#DFDFEC #8298B6

Calculate the color between two colors, #DFDFEC and #8298B6. 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)

#DFDFEC - #8298B6 | 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 #DFDFEC as 0% and #8298B6 as 100%.

0.0%	0.0% #DFDFEC	RGB 223 223 236	#DFDFEC
16.7%	16.7% #CFD3E3	RGB 207 211 227	#CFD3E3
33.3%	33.3% #C0C7DA	RGB 192 199 218	#C0C7DA
50.0%	50.0% #B0BBD1	RGB 176 187 209	#B0BBD1
66.7%	66.7% #A1AFC8	RGB 161 175 200	#A1AFC8
83.3%	83.3% #91A3BF	RGB 145 163 191	#91A3BF
100.0%	100.0% #8298B6	RGB 130 152 182	#8298B6

#DFDFEC #CFD3E3 #C0C7DA #B0BBD1 #A1AFC8 #91A3BF #8298B6

#DFDFEC - #8298B6

HSV Blend

#DFDFEC - #8298B6 | 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 #DFDFEC as 0% and #8298B6 as 100%.

0.0%	0.0% #DFDFEC	RGB 223 223 236	#DFDFEC
16.7%	16.7% #CDCFE3	RGB 205 207 227	#CDCFE3
33.3%	33.3% #BDC1DA	RGB 189 193 218	#BDC1DA
50.0%	50.0% #ADB4D1	RGB 173 180 209	#ADB4D1
66.7%	66.7% #9EAAC8	RGB 158 170 200	#9EAAC8
83.3%	83.3% #8FA0BF	RGB 143 160 191	#8FA0BF
100.0%	100.0% #8298B6	RGB 130 152 182	#8298B6

#DFDFEC #CDCFE3 #BDC1DA #ADB4D1 #9EAAC8 #8FA0BF #8298B6

#DFDFEC - #ADB4D1 - #8298B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFDFEC 0%, #ADB4D1 50%, #8298B6 100%);
    background: -webkit-linear-gradient(top, #DFDFEC 0%, #ADB4D1 50%, #8298B6 100%);
    background: linear-gradient(to bottom, #DFDFEC 0%, #ADB4D1 50%, #8298B6 100%);
}
</style>