#EBEBFF - #DCEDFA | 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 #EBEBFF to #DCEDFA

#EBEBFF #DCEDFA

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

#EBEBFF - #DCEDFA | 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 #EBEBFF as 0% and #DCEDFA as 100%.

0.0%	0.0% #EBEBFF	RGB 235 235 255	#EBEBFF
16.7%	16.7% #E8EBFE	RGB 232 235 254	#E8EBFE
33.3%	33.3% #E6EBFD	RGB 230 235 253	#E6EBFD
50.0%	50.0% #E3ECFC	RGB 227 236 252	#E3ECFC
66.7%	66.7% #E1ECFB	RGB 225 236 251	#E1ECFB
83.3%	83.3% #DEECFA	RGB 222 236 250	#DEECFA
100.0%	100.0% #DCEDFA	RGB 220 237 250	#DCEDFA

#EBEBFF #E8EBFE #E6EBFD #E3ECFC #E1ECFB #DEECFA #DCEDFA

#EBEBFF - #DCEDFA

HSV Blend

#EBEBFF - #DCEDFA | 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 #EBEBFF as 0% and #DCEDFA as 100%.

0.0%	0.0% #EBEBFF	RGB 235 235 255	#EBEBFF
16.7%	16.7% #E8EAFE	RGB 232 234 254	#E8EAFE
33.3%	33.3% #E5EAFD	RGB 229 234 253	#E5EAFD
50.0%	50.0% #E3EAFC	RGB 227 234 252	#E3EAFC
66.7%	66.7% #E0EBFB	RGB 224 235 251	#E0EBFB
83.3%	83.3% #DEEBFA	RGB 222 235 250	#DEEBFA
100.0%	100.0% #DCEDFA	RGB 220 237 250	#DCEDFA

#EBEBFF #E8EAFE #E5EAFD #E3EAFC #E0EBFB #DEEBFA #DCEDFA

#EBEBFF - #E3EAFC - #DCEDFA

CSS codes

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

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