#EFC7EE - #DCD5E9 | 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 #EFC7EE to #DCD5E9

#EFC7EE #DCD5E9

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

#EFC7EE - #DCD5E9 | 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 #EFC7EE as 0% and #DCD5E9 as 100%.

0.0%	0.0% #EFC7EE	RGB 239 199 238	#EFC7EE
16.7%	16.7% #EBC9ED	RGB 235 201 237	#EBC9ED
33.3%	33.3% #E8CBEC	RGB 232 203 236	#E8CBEC
50.0%	50.0% #E5CEEB	RGB 229 206 235	#E5CEEB
66.7%	66.7% #E2D0EA	RGB 226 208 234	#E2D0EA
83.3%	83.3% #DFD2E9	RGB 223 210 233	#DFD2E9
100.0%	100.0% #DCD5E9	RGB 220 213 233	#DCD5E9

#EFC7EE #EBC9ED #E8CBEC #E5CEEB #E2D0EA #DFD2E9 #DCD5E9

#EFC7EE - #DCD5E9

HSV Blend

#EFC7EE - #DCD5E9 | 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 #EFC7EE as 0% and #DCD5E9 as 100%.

0.0%	0.0% #EFC7EE	RGB 239 199 238	#EFC7EE
16.7%	16.7% #EAC9EE	RGB 234 201 238	#EAC9EE
33.3%	33.3% #E6CBED	RGB 230 203 237	#E6CBED
50.0%	50.0% #E2CEEC	RGB 226 206 236	#E2CEEC
66.7%	66.7% #DFD0EB	RGB 223 208 235	#DFD0EB
83.3%	83.3% #DDD2EA	RGB 221 210 234	#DDD2EA
100.0%	100.0% #DCD5E9	RGB 220 213 233	#DCD5E9

#EFC7EE #EAC9EE #E6CBED #E2CEEC #DFD0EB #DDD2EA #DCD5E9

#EFC7EE - #E2CEEC - #DCD5E9

CSS codes

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

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