#FFB0CF - #CD3B96 | 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 #FFB0CF to #CD3B96

#FFB0CF #CD3B96

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

#FFB0CF - #CD3B96 | 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 #FFB0CF as 0% and #CD3B96 as 100%.

0.0%	0.0% #FFB0CF	RGB 255 176 207	#FFB0CF
16.7%	16.7% #F69CC5	RGB 246 156 197	#F69CC5
33.3%	33.3% #EE89BC	RGB 238 137 188	#EE89BC
50.0%	50.0% #E675B2	RGB 230 117 178	#E675B2
66.7%	66.7% #DD62A9	RGB 221 98 169	#DD62A9
83.3%	83.3% #D54E9F	RGB 213 78 159	#D54E9F
100.0%	100.0% #CD3B96	RGB 205 59 150	#CD3B96

#FFB0CF #F69CC5 #EE89BC #E675B2 #DD62A9 #D54E9F #CD3B96

#FFB0CF - #CD3B96

HSV Blend

#FFB0CF - #CD3B96 | 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 #FFB0CF as 0% and #CD3B96 as 100%.

0.0%	0.0% #FFB0CF	RGB 255 176 207	#FFB0CF
16.7%	16.7% #F699C1	RGB 246 153 193	#F699C1
33.3%	33.3% #EE84B6	RGB 238 132 182	#EE84B6
50.0%	50.0% #E670AC	RGB 230 112 172	#E670AC
66.7%	66.7% #DD5DA3	RGB 221 93 163	#DD5DA3
83.3%	83.3% #D54B9C	RGB 213 75 156	#D54B9C
100.0%	100.0% #CD3B96	RGB 205 59 150	#CD3B96

#FFB0CF #F699C1 #EE84B6 #E670AC #DD5DA3 #D54B9C #CD3B96

#FFB0CF - #E670AC - #CD3B96

CSS codes

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

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