#EDB5D5 - #F9F9FF | 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 #EDB5D5 to #F9F9FF

#EDB5D5 #F9F9FF

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

#EDB5D5 - #F9F9FF | 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 #EDB5D5 as 0% and #F9F9FF as 100%.

0.0%	0.0% #EDB5D5	RGB 237 181 213	#EDB5D5
16.7%	16.7% #EFC0DC	RGB 239 192 220	#EFC0DC
33.3%	33.3% #F1CBE3	RGB 241 203 227	#F1CBE3
50.0%	50.0% #F3D7EA	RGB 243 215 234	#F3D7EA
66.7%	66.7% #F5E2F1	RGB 245 226 241	#F5E2F1
83.3%	83.3% #F7EDF8	RGB 247 237 248	#F7EDF8
100.0%	100.0% #F9F9FF	RGB 249 249 255	#F9F9FF

#EDB5D5 #EFC0DC #F1CBE3 #F3D7EA #F5E2F1 #F7EDF8 #F9F9FF

#EDB5D5 - #F9F9FF

HSV Blend

#EDB5D5 - #F9F9FF | 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 #EDB5D5 as 0% and #F9F9FF as 100%.

0.0%	0.0% #EDB5D5	RGB 237 181 213	#EDB5D5
16.7%	16.7% #F0BFE6	RGB 240 191 230	#F0BFE6
33.3%	33.3% #F1CAF3	RGB 241 202 243	#F1CAF3
50.0%	50.0% #ECD6F6	RGB 236 214 246	#ECD6F6
66.7%	66.7% #ECE1F9	RGB 236 225 249	#ECE1F9
83.3%	83.3% #F0EDFC	RGB 240 237 252	#F0EDFC
100.0%	100.0% #F9F9FF	RGB 249 249 255	#F9F9FF

#EDB5D5 #F0BFE6 #F1CAF3 #ECD6F6 #ECE1F9 #F0EDFC #F9F9FF

#EDB5D5 - #ECD6F6 - #F9F9FF

CSS codes

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

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