#EFA5C7 - #C7CAE4 | 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 #EFA5C7 to #C7CAE4

#EFA5C7 #C7CAE4

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

#EFA5C7 - #C7CAE4 | 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 #EFA5C7 as 0% and #C7CAE4 as 100%.

0.0%	0.0% #EFA5C7	RGB 239 165 199	#EFA5C7
16.7%	16.7% #E8ABCB	RGB 232 171 203	#E8ABCB
33.3%	33.3% #E1B1D0	RGB 225 177 208	#E1B1D0
50.0%	50.0% #DBB7D5	RGB 219 183 213	#DBB7D5
66.7%	66.7% #D4BDDA	RGB 212 189 218	#D4BDDA
83.3%	83.3% #CDC3DF	RGB 205 195 223	#CDC3DF
100.0%	100.0% #C7CAE4	RGB 199 202 228	#C7CAE4

#EFA5C7 #E8ABCB #E1B1D0 #DBB7D5 #D4BDDA #CDC3DF #C7CAE4

#EFA5C7 - #C7CAE4

HSV Blend

#EFA5C7 - #C7CAE4 | 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 #EFA5C7 as 0% and #C7CAE4 as 100%.

0.0%	0.0% #EFA5C7	RGB 239 165 199	#EFA5C7
16.7%	16.7% #EDAADB	RGB 237 170 219	#EDAADB
33.3%	33.3% #EAB0EB	RGB 234 176 235	#EAB0EB
50.0%	50.0% #DBB6E9	RGB 219 182 233	#DBB6E9
66.7%	66.7% #CFBCE7	RGB 207 188 231	#CFBCE7
83.3%	83.3% #C7C1E5	RGB 199 193 229	#C7C1E5
100.0%	100.0% #C7CAE4	RGB 199 202 228	#C7CAE4

#EFA5C7 #EDAADB #EAB0EB #DBB6E9 #CFBCE7 #C7C1E5 #C7CAE4

#EFA5C7 - #DBB6E9 - #C7CAE4

CSS codes

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

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