#ECEBFF - #B198CD | 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 #ECEBFF to #B198CD

#ECEBFF #B198CD

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

#ECEBFF - #B198CD | 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 #ECEBFF as 0% and #B198CD as 100%.

0.0%	0.0% #ECEBFF	RGB 236 235 255	#ECEBFF
16.7%	16.7% #E2DDF6	RGB 226 221 246	#E2DDF6
33.3%	33.3% #D8CFEE	RGB 216 207 238	#D8CFEE
50.0%	50.0% #CEC1E6	RGB 206 193 230	#CEC1E6
66.7%	66.7% #C4B3DD	RGB 196 179 221	#C4B3DD
83.3%	83.3% #BAA5D5	RGB 186 165 213	#BAA5D5
100.0%	100.0% #B198CD	RGB 177 152 205	#B198CD

#ECEBFF #E2DDF6 #D8CFEE #CEC1E6 #C4B3DD #BAA5D5 #B198CD

#ECEBFF - #B198CD

HSV Blend

#ECEBFF - #B198CD | 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 #ECEBFF as 0% and #B198CD as 100%.

0.0%	0.0% #ECEBFF	RGB 236 235 255	#ECEBFF
16.7%	16.7% #DFDBF6	RGB 223 219 246	#DFDBF6
33.3%	33.3% #D3CDEE	RGB 211 205 238	#D3CDEE
50.0%	50.0% #C9BFE6	RGB 201 191 230	#C9BFE6
66.7%	66.7% #C0B1DD	RGB 192 177 221	#C0B1DD
83.3%	83.3% #B8A4D5	RGB 184 164 213	#B8A4D5
100.0%	100.0% #B198CD	RGB 177 152 205	#B198CD

#ECEBFF #DFDBF6 #D3CDEE #C9BFE6 #C0B1DD #B8A4D5 #B198CD

#ECEBFF - #C9BFE6 - #B198CD

CSS codes

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

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