#EFDDF3 - #A38DBA | 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 #EFDDF3 to #A38DBA

#EFDDF3 #A38DBA

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

#EFDDF3 - #A38DBA | 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 #EFDDF3 as 0% and #A38DBA as 100%.

0.0%	0.0% #EFDDF3	RGB 239 221 243	#EFDDF3
16.7%	16.7% #E2CFE9	RGB 226 207 233	#E2CFE9
33.3%	33.3% #D5C2E0	RGB 213 194 224	#D5C2E0
50.0%	50.0% #C9B5D6	RGB 201 181 214	#C9B5D6
66.7%	66.7% #BCA7CD	RGB 188 167 205	#BCA7CD
83.3%	83.3% #AF9AC3	RGB 175 154 195	#AF9AC3
100.0%	100.0% #A38DBA	RGB 163 141 186	#A38DBA

#EFDDF3 #E2CFE9 #D5C2E0 #C9B5D6 #BCA7CD #AF9AC3 #A38DBA

#EFDDF3 - #A38DBA

HSV Blend

#EFDDF3 - #A38DBA | 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 #EFDDF3 as 0% and #A38DBA as 100%.

0.0%	0.0% #EFDDF3	RGB 239 221 243	#EFDDF3
16.7%	16.7% #E3CEE9	RGB 227 206 233	#E3CEE9
33.3%	33.3% #D6C0E0	RGB 214 192 224	#D6C0E0
50.0%	50.0% #CAB2D6	RGB 202 178 214	#CAB2D6
66.7%	66.7% #BDA5CD	RGB 189 165 205	#BDA5CD
83.3%	83.3% #B099C3	RGB 176 153 195	#B099C3
100.0%	100.0% #A38DBA	RGB 163 141 186	#A38DBA

#EFDDF3 #E3CEE9 #D6C0E0 #CAB2D6 #BDA5CD #B099C3 #A38DBA

#EFDDF3 - #CAB2D6 - #A38DBA

CSS codes

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

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