#FFBFE4 - #CF548E | 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 #FFBFE4 to #CF548E

#FFBFE4 #CF548E

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

#FFBFE4 - #CF548E | 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 #FFBFE4 as 0% and #CF548E as 100%.

0.0%	0.0% #FFBFE4	RGB 255 191 228	#FFBFE4
16.7%	16.7% #F7ADD5	RGB 247 173 213	#F7ADD5
33.3%	33.3% #EF9BC7	RGB 239 155 199	#EF9BC7
50.0%	50.0% #E789B9	RGB 231 137 185	#E789B9
66.7%	66.7% #DF77AA	RGB 223 119 170	#DF77AA
83.3%	83.3% #D7659C	RGB 215 101 156	#D7659C
100.0%	100.0% #CF548E	RGB 207 84 142	#CF548E

#FFBFE4 #F7ADD5 #EF9BC7 #E789B9 #DF77AA #D7659C #CF548E

#FFBFE4 - #CF548E

HSV Blend

#FFBFE4 - #CF548E | 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 #FFBFE4 as 0% and #CF548E as 100%.

0.0%	0.0% #FFBFE4	RGB 255 191 228	#FFBFE4
16.7%	16.7% #F7AAD5	RGB 247 170 213	#F7AAD5
33.3%	33.3% #EF97C7	RGB 239 151 199	#EF97C7
50.0%	50.0% #E785B8	RGB 231 133 184	#E785B8
66.7%	66.7% #DF74AA	RGB 223 116 170	#DF74AA
83.3%	83.3% #D7639C	RGB 215 99 156	#D7639C
100.0%	100.0% #CF548E	RGB 207 84 142	#CF548E

#FFBFE4 #F7AAD5 #EF97C7 #E785B8 #DF74AA #D7639C #CF548E

#FFBFE4 - #E785B8 - #CF548E

CSS codes

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

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