#EDBFD7 - #C55F90 | 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 #EDBFD7 to #C55F90

#EDBFD7 #C55F90

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

#EDBFD7 - #C55F90 | 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 #EDBFD7 as 0% and #C55F90 as 100%.

0.0%	0.0% #EDBFD7	RGB 237 191 215	#EDBFD7
16.7%	16.7% #E6AFCB	RGB 230 175 203	#E6AFCB
33.3%	33.3% #DF9FBF	RGB 223 159 191	#DF9FBF
50.0%	50.0% #D98FB3	RGB 217 143 179	#D98FB3
66.7%	66.7% #D27FA7	RGB 210 127 167	#D27FA7
83.3%	83.3% #CB6F9B	RGB 203 111 155	#CB6F9B
100.0%	100.0% #C55F90	RGB 197 95 144	#C55F90

#EDBFD7 #E6AFCB #DF9FBF #D98FB3 #D27FA7 #CB6F9B #C55F90

#EDBFD7 - #C55F90

HSV Blend

#EDBFD7 - #C55F90 | 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 #EDBFD7 as 0% and #C55F90 as 100%.

0.0%	0.0% #EDBFD7	RGB 237 191 215	#EDBFD7
16.7%	16.7% #E6ADCA	RGB 230 173 202	#E6ADCA
33.3%	33.3% #DF9CBE	RGB 223 156 190	#DF9CBE
50.0%	50.0% #D98BB2	RGB 217 139 178	#D98BB2
66.7%	66.7% #D27CA6	RGB 210 124 166	#D27CA6
83.3%	83.3% #CB6D9B	RGB 203 109 155	#CB6D9B
100.0%	100.0% #C55F90	RGB 197 95 144	#C55F90

#EDBFD7 #E6ADCA #DF9CBE #D98BB2 #D27CA6 #CB6D9B #C55F90

#EDBFD7 - #D98BB2 - #C55F90

CSS codes

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

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