#C977A2 - #FDCDBE | 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 #C977A2 to #FDCDBE

#C977A2 #FDCDBE

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

#C977A2 - #FDCDBE | 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 #C977A2 as 0% and #FDCDBE as 100%.

0.0%	0.0% #C977A2	RGB 201 119 162	#C977A2
16.7%	16.7% #D185A6	RGB 209 133 166	#D185A6
33.3%	33.3% #DA93AB	RGB 218 147 171	#DA93AB
50.0%	50.0% #E3A2B0	RGB 227 162 176	#E3A2B0
66.7%	66.7% #EBB0B4	RGB 235 176 180	#EBB0B4
83.3%	83.3% #F4BEB9	RGB 244 190 185	#F4BEB9
100.0%	100.0% #FDCDBE	RGB 253 205 190	#FDCDBE

#C977A2 #D185A6 #DA93AB #E3A2B0 #EBB0B4 #F4BEB9 #FDCDBE

#C977A2 - #FDCDBE

HSV Blend

#C977A2 - #FDCDBE | 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 #C977A2 as 0% and #FDCDBE as 100%.

0.0%	0.0% #C977A2	RGB 201 119 162	#C977A2
16.7%	16.7% #D181A1	RGB 209 129 161	#D181A1
33.3%	33.3% #DA8CA1	RGB 218 140 161	#DA8CA1
50.0%	50.0% #E398A3	RGB 227 152 163	#E398A3
66.7%	66.7% #EBA4A5	RGB 235 164 165	#EBA4A5
83.3%	83.3% #F4B8B1	RGB 244 184 177	#F4B8B1
100.0%	100.0% #FDCDBE	RGB 253 205 190	#FDCDBE

#C977A2 #D181A1 #DA8CA1 #E398A3 #EBA4A5 #F4B8B1 #FDCDBE

#C977A2 - #E398A3 - #FDCDBE

CSS codes

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

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