#E27FA1 - #DBDCE0 | 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 #E27FA1 to #DBDCE0

#E27FA1 #DBDCE0

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

#E27FA1 - #DBDCE0 | 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 #E27FA1 as 0% and #DBDCE0 as 100%.

0.0%	0.0% #E27FA1	RGB 226 127 161	#E27FA1
16.7%	16.7% #E08EAB	RGB 224 142 171	#E08EAB
33.3%	33.3% #DF9EB6	RGB 223 158 182	#DF9EB6
50.0%	50.0% #DEADC0	RGB 222 173 192	#DEADC0
66.7%	66.7% #DDBDCB	RGB 221 189 203	#DDBDCB
83.3%	83.3% #DCCCD5	RGB 220 204 213	#DCCCD5
100.0%	100.0% #DBDCE0	RGB 219 220 224	#DBDCE0

#E27FA1 #E08EAB #DF9EB6 #DEADC0 #DDBDCB #DCCCD5 #DBDCE0

#E27FA1 - #DBDCE0

HSV Blend

#E27FA1 - #DBDCE0 | 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 #E27FA1 as 0% and #DBDCE0 as 100%.

0.0%	0.0% #E27FA1	RGB 226 127 161	#E27FA1
16.7%	16.7% #E18EC4	RGB 225 142 196	#E18EC4
33.3%	33.3% #E19DDE	RGB 225 157 222	#E19DDE
50.0%	50.0% #D2ADE1	RGB 210 173 225	#D2ADE1
66.7%	66.7% #CBBCE0	RGB 203 188 224	#CBBCE0
83.3%	83.3% #CECBE0	RGB 206 203 224	#CECBE0
100.0%	100.0% #DBDCE0	RGB 219 220 224	#DBDCE0

#E27FA1 #E18EC4 #E19DDE #D2ADE1 #CBBCE0 #CECBE0 #DBDCE0

#E27FA1 - #D2ADE1 - #DBDCE0

CSS codes

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

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