#F5E4EB - #CF98AA | 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 #F5E4EB to #CF98AA

#F5E4EB #CF98AA

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

#F5E4EB - #CF98AA | 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 #F5E4EB as 0% and #CF98AA as 100%.

0.0%	0.0% #F5E4EB	RGB 245 228 235	#F5E4EB
16.7%	16.7% #EED7E0	RGB 238 215 224	#EED7E0
33.3%	33.3% #E8CAD5	RGB 232 202 213	#E8CAD5
50.0%	50.0% #E2BECA	RGB 226 190 202	#E2BECA
66.7%	66.7% #DBB1BF	RGB 219 177 191	#DBB1BF
83.3%	83.3% #D5A4B4	RGB 213 164 180	#D5A4B4
100.0%	100.0% #CF98AA	RGB 207 152 170	#CF98AA

#F5E4EB #EED7E0 #E8CAD5 #E2BECA #DBB1BF #D5A4B4 #CF98AA

#F5E4EB - #CF98AA

HSV Blend

#F5E4EB - #CF98AA | 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 #F5E4EB as 0% and #CF98AA as 100%.

0.0%	0.0% #F5E4EB	RGB 245 228 235	#F5E4EB
16.7%	16.7% #EED6DF	RGB 238 214 223	#EED6DF
33.3%	33.3% #E8C9D5	RGB 232 201 213	#E8C9D5
50.0%	50.0% #E2BCCA	RGB 226 188 202	#E2BCCA
66.7%	66.7% #DBAFBF	RGB 219 175 191	#DBAFBF
83.3%	83.3% #D5A3B4	RGB 213 163 180	#D5A3B4
100.0%	100.0% #CF98AA	RGB 207 152 170	#CF98AA

#F5E4EB #EED6DF #E8C9D5 #E2BCCA #DBAFBF #D5A3B4 #CF98AA

#F5E4EB - #E2BCCA - #CF98AA

CSS codes

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

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