#E7ABCF - #CBCAE3 | 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 #E7ABCF to #CBCAE3

#E7ABCF #CBCAE3

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

#E7ABCF - #CBCAE3 | 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 #E7ABCF as 0% and #CBCAE3 as 100%.

0.0%	0.0% #E7ABCF	RGB 231 171 207	#E7ABCF
16.7%	16.7% #E2B0D2	RGB 226 176 210	#E2B0D2
33.3%	33.3% #DDB5D5	RGB 221 181 213	#DDB5D5
50.0%	50.0% #D9BAD9	RGB 217 186 217	#D9BAD9
66.7%	66.7% #D4BFDC	RGB 212 191 220	#D4BFDC
83.3%	83.3% #CFC4DF	RGB 207 196 223	#CFC4DF
100.0%	100.0% #CBCAE3	RGB 203 202 227	#CBCAE3

#E7ABCF #E2B0D2 #DDB5D5 #D9BAD9 #D4BFDC #CFC4DF #CBCAE3

#E7ABCF - #CBCAE3

HSV Blend

#E7ABCF - #CBCAE3 | 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 #E7ABCF as 0% and #CBCAE3 as 100%.

0.0%	0.0% #E7ABCF	RGB 231 171 207	#E7ABCF
16.7%	16.7% #E6B0DC	RGB 230 176 220	#E6B0DC
33.3%	33.3% #E3B5E5	RGB 227 181 229	#E3B5E5
50.0%	50.0% #D9BAE5	RGB 217 186 229	#D9BAE5
66.7%	66.7% #D1BFE4	RGB 209 191 228	#D1BFE4
83.3%	83.3% #CDC4E3	RGB 205 196 227	#CDC4E3
100.0%	100.0% #CBCAE3	RGB 203 202 227	#CBCAE3

#E7ABCF #E6B0DC #E3B5E5 #D9BAE5 #D1BFE4 #CDC4E3 #CBCAE3

#E7ABCF - #D9BAE5 - #CBCAE3

CSS codes

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

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