#F2D0D9 - #C87C92 | 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 #F2D0D9 to #C87C92

#F2D0D9 #C87C92

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

#F2D0D9 - #C87C92 | 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 #F2D0D9 as 0% and #C87C92 as 100%.

0.0%	0.0% #F2D0D9	RGB 242 208 217	#F2D0D9
16.7%	16.7% #EBC2CD	RGB 235 194 205	#EBC2CD
33.3%	33.3% #E4B4C1	RGB 228 180 193	#E4B4C1
50.0%	50.0% #DDA6B5	RGB 221 166 181	#DDA6B5
66.7%	66.7% #D698A9	RGB 214 152 169	#D698A9
83.3%	83.3% #CF8A9D	RGB 207 138 157	#CF8A9D
100.0%	100.0% #C87C92	RGB 200 124 146	#C87C92

#F2D0D9 #EBC2CD #E4B4C1 #DDA6B5 #D698A9 #CF8A9D #C87C92

#F2D0D9 - #C87C92

HSV Blend

#F2D0D9 - #C87C92 | 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 #F2D0D9 as 0% and #C87C92 as 100%.

0.0%	0.0% #F2D0D9	RGB 242 208 217	#F2D0D9
16.7%	16.7% #EBC0CC	RGB 235 192 204	#EBC0CC
33.3%	33.3% #E4B1BF	RGB 228 177 191	#E4B1BF
50.0%	50.0% #DDA3B3	RGB 221 163 179	#DDA3B3
66.7%	66.7% #D695A7	RGB 214 149 167	#D695A7
83.3%	83.3% #CF889C	RGB 207 136 156	#CF889C
100.0%	100.0% #C87C92	RGB 200 124 146	#C87C92

#F2D0D9 #EBC0CC #E4B1BF #DDA3B3 #D695A7 #CF889C #C87C92

#F2D0D9 - #DDA3B3 - #C87C92

CSS codes

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

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