#F7A8DB - #C64EA5 | 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 #F7A8DB to #C64EA5

#F7A8DB #C64EA5

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

#F7A8DB - #C64EA5 | 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 #F7A8DB as 0% and #C64EA5 as 100%.

0.0%	0.0% #F7A8DB	RGB 247 168 219	#F7A8DB
16.7%	16.7% #EE99D2	RGB 238 153 210	#EE99D2
33.3%	33.3% #E68AC9	RGB 230 138 201	#E68AC9
50.0%	50.0% #DE7BC0	RGB 222 123 192	#DE7BC0
66.7%	66.7% #D66CB7	RGB 214 108 183	#D66CB7
83.3%	83.3% #CE5DAE	RGB 206 93 174	#CE5DAE
100.0%	100.0% #C64EA5	RGB 198 78 165	#C64EA5

#F7A8DB #EE99D2 #E68AC9 #DE7BC0 #D66CB7 #CE5DAE #C64EA5

#F7A8DB - #C64EA5

HSV Blend

#F7A8DB - #C64EA5 | 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 #F7A8DB as 0% and #C64EA5 as 100%.

0.0%	0.0% #F7A8DB	RGB 247 168 219	#F7A8DB
16.7%	16.7% #EE97D0	RGB 238 151 208	#EE97D0
33.3%	33.3% #E686C7	RGB 230 134 199	#E686C7
50.0%	50.0% #DE77BE	RGB 222 119 190	#DE77BE
66.7%	66.7% #D668B5	RGB 214 104 181	#D668B5
83.3%	83.3% #CE5BAC	RGB 206 91 172	#CE5BAC
100.0%	100.0% #C64EA5	RGB 198 78 165	#C64EA5

#F7A8DB #EE97D0 #E686C7 #DE77BE #D668B5 #CE5BAC #C64EA5

#F7A8DB - #DE77BE - #C64EA5

CSS codes

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

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