#F5E4EC - #CF98B2 | 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 #F5E4EC to #CF98B2

#F5E4EC #CF98B2

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

#F5E4EC - #CF98B2 | 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 #F5E4EC as 0% and #CF98B2 as 100%.

0.0%	0.0% #F5E4EC	RGB 245 228 236	#F5E4EC
16.7%	16.7% #EED7E2	RGB 238 215 226	#EED7E2
33.3%	33.3% #E8CAD8	RGB 232 202 216	#E8CAD8
50.0%	50.0% #E2BECF	RGB 226 190 207	#E2BECF
66.7%	66.7% #DBB1C5	RGB 219 177 197	#DBB1C5
83.3%	83.3% #D5A4BB	RGB 213 164 187	#D5A4BB
100.0%	100.0% #CF98B2	RGB 207 152 178	#CF98B2

#F5E4EC #EED7E2 #E8CAD8 #E2BECF #DBB1C5 #D5A4BB #CF98B2

#F5E4EC - #CF98B2

HSV Blend

#F5E4EC - #CF98B2 | 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 #F5E4EC as 0% and #CF98B2 as 100%.

0.0%	0.0% #F5E4EC	RGB 245 228 236	#F5E4EC
16.7%	16.7% #EED6E1	RGB 238 214 225	#EED6E1
33.3%	33.3% #E8C9D7	RGB 232 201 215	#E8C9D7
50.0%	50.0% #E2BCCD	RGB 226 188 205	#E2BCCD
66.7%	66.7% #DBAFC4	RGB 219 175 196	#DBAFC4
83.3%	83.3% #D5A3BB	RGB 213 163 187	#D5A3BB
100.0%	100.0% #CF98B2	RGB 207 152 178	#CF98B2

#F5E4EC #EED6E1 #E8C9D7 #E2BCCD #DBAFC4 #D5A3BB #CF98B2

#F5E4EC - #E2BCCD - #CF98B2

CSS codes

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

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