#F138A8 - #FFB5CF | 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 #F138A8 to #FFB5CF

#F138A8 #FFB5CF

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

#F138A8 - #FFB5CF | 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 #F138A8 as 0% and #FFB5CF as 100%.

0.0%	0.0% #F138A8	RGB 241 56 168	#F138A8
16.7%	16.7% #F34CAE	RGB 243 76 174	#F34CAE
33.3%	33.3% #F561B5	RGB 245 97 181	#F561B5
50.0%	50.0% #F876BB	RGB 248 118 187	#F876BB
66.7%	66.7% #FA8BC2	RGB 250 139 194	#FA8BC2
83.3%	83.3% #FCA0C8	RGB 252 160 200	#FCA0C8
100.0%	100.0% #FFB5CF	RGB 255 181 207	#FFB5CF

#F138A8 #F34CAE #F561B5 #F876BB #FA8BC2 #FCA0C8 #FFB5CF

#F138A8 - #FFB5CF

HSV Blend

#F138A8 - #FFB5CF | 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 #F138A8 as 0% and #FFB5CF as 100%.

0.0%	0.0% #F138A7	RGB 241 56 167	#F138A7
16.7%	16.7% #F34BAA	RGB 243 75 170	#F34BAA
33.3%	33.3% #F560AE	RGB 245 96 174	#F560AE
50.0%	50.0% #F874B3	RGB 248 116 179	#F874B3
66.7%	66.7% #FA89BA	RGB 250 137 186	#FA89BA
83.3%	83.3% #FC9FC4	RGB 252 159 196	#FC9FC4
100.0%	100.0% #FFB5CF	RGB 255 181 207	#FFB5CF

#F138A7 #F34BAA #F560AE #F874B3 #FA89BA #FC9FC4 #FFB5CF

#F138A8 - #F874B3 - #FFB5CF

CSS codes

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

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