#ECDCF0 - #9F8CB6 | 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 #ECDCF0 to #9F8CB6

#ECDCF0 #9F8CB6

Calculate the color between two colors, #ECDCF0 and #9F8CB6. 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)

#ECDCF0 - #9F8CB6 | 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 #ECDCF0 as 0% and #9F8CB6 as 100%.

0.0%	0.0% #ECDCF0	RGB 236 220 240	#ECDCF0
16.7%	16.7% #DFCEE6	RGB 223 206 230	#DFCEE6
33.3%	33.3% #D2C1DC	RGB 210 193 220	#D2C1DC
50.0%	50.0% #C5B4D3	RGB 197 180 211	#C5B4D3
66.7%	66.7% #B8A6C9	RGB 184 166 201	#B8A6C9
83.3%	83.3% #AB99BF	RGB 171 153 191	#AB99BF
100.0%	100.0% #9F8CB6	RGB 159 140 182	#9F8CB6

#ECDCF0 #DFCEE6 #D2C1DC #C5B4D3 #B8A6C9 #AB99BF #9F8CB6

#ECDCF0 - #9F8CB6

HSV Blend

#ECDCF0 - #9F8CB6 | 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 #ECDCF0 as 0% and #9F8CB6 as 100%.

0.0%	0.0% #ECDCF0	RGB 236 220 240	#ECDCF0
16.7%	16.7% #DFCDE6	RGB 223 205 230	#DFCDE6
33.3%	33.3% #D3BFDC	RGB 211 191 220	#D3BFDC
50.0%	50.0% #C6B1D3	RGB 198 177 211	#C6B1D3
66.7%	66.7% #B9A4C9	RGB 185 164 201	#B9A4C9
83.3%	83.3% #AC98BF	RGB 172 152 191	#AC98BF
100.0%	100.0% #9F8CB6	RGB 159 140 182	#9F8CB6

#ECDCF0 #DFCDE6 #D3BFDC #C6B1D3 #B9A4C9 #AC98BF #9F8CB6

#ECDCF0 - #C6B1D3 - #9F8CB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ECDCF0 0%, #C6B1D3 50%, #9F8CB6 100%);
    background: -webkit-linear-gradient(top, #ECDCF0 0%, #C6B1D3 50%, #9F8CB6 100%);
    background: linear-gradient(to bottom, #ECDCF0 0%, #C6B1D3 50%, #9F8CB6 100%);
}
</style>