#FFB0B8 - #CD3B6B | 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 #FFB0B8 to #CD3B6B

#FFB0B8 #CD3B6B

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

#FFB0B8 - #CD3B6B | 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 #FFB0B8 as 0% and #CD3B6B as 100%.

0.0%	0.0% #FFB0B8	RGB 255 176 184	#FFB0B8
16.7%	16.7% #F69CAB	RGB 246 156 171	#F69CAB
33.3%	33.3% #EE899E	RGB 238 137 158	#EE899E
50.0%	50.0% #E67591	RGB 230 117 145	#E67591
66.7%	66.7% #DD6284	RGB 221 98 132	#DD6284
83.3%	83.3% #D54E77	RGB 213 78 119	#D54E77
100.0%	100.0% #CD3B6B	RGB 205 59 107	#CD3B6B

#FFB0B8 #F69CAB #EE899E #E67591 #DD6284 #D54E77 #CD3B6B

#FFB0B8 - #CD3B6B

HSV Blend

#FFB0B8 - #CD3B6B | 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 #FFB0B8 as 0% and #CD3B6B as 100%.

0.0%	0.0% #FFB0B8	RGB 255 176 184	#FFB0B8
16.7%	16.7% #F699A6	RGB 246 153 166	#F699A6
33.3%	33.3% #EE8497	RGB 238 132 151	#EE8497
50.0%	50.0% #E67089	RGB 230 112 137	#E67089
66.7%	66.7% #DD5D7D	RGB 221 93 125	#DD5D7D
83.3%	83.3% #D54B73	RGB 213 75 115	#D54B73
100.0%	100.0% #CD3B6B	RGB 205 59 107	#CD3B6B

#FFB0B8 #F699A6 #EE8497 #E67089 #DD5D7D #D54B73 #CD3B6B

#FFB0B8 - #E67089 - #CD3B6B

CSS codes

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

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