#C7114C - #EFBBCB | 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 #C7114C to #EFBBCB

#C7114C #EFBBCB

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

#C7114C - #EFBBCB | 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 #C7114C as 0% and #EFBBCB as 100%.

0.0%	0.0% #C7114C	RGB 199 17 76	#C7114C
16.7%	16.7% #CD2D61	RGB 205 45 97	#CD2D61
33.3%	33.3% #D44976	RGB 212 73 118	#D44976
50.0%	50.0% #DB668B	RGB 219 102 139	#DB668B
66.7%	66.7% #E182A0	RGB 225 130 160	#E182A0
83.3%	83.3% #E89EB5	RGB 232 158 181	#E89EB5
100.0%	100.0% #EFBBCB	RGB 239 187 203	#EFBBCB

#C7114C #CD2D61 #D44976 #DB668B #E182A0 #E89EB5 #EFBBCB

#C7114C - #EFBBCB

HSV Blend

#C7114C - #EFBBCB | 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 #C7114C as 0% and #EFBBCB as 100%.

0.0%	0.0% #C7104B	RGB 199 16 75	#C7104B
16.7%	16.7% #CD295E	RGB 205 41 94	#CD295E
33.3%	33.3% #D44371	RGB 212 67 113	#D44371
50.0%	50.0% #DB5F86	RGB 219 95 134	#DB5F86
66.7%	66.7% #E17C9B	RGB 225 124 155	#E17C9B
83.3%	83.3% #E89AB2	RGB 232 154 178	#E89AB2
100.0%	100.0% #EFBBCB	RGB 239 187 203	#EFBBCB

#C7104B #CD295E #D44371 #DB5F86 #E17C9B #E89AB2 #EFBBCB

#C7114C - #DB5F86 - #EFBBCB

CSS codes

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

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