#998C92 - #FDA8CF | 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 #998C92 to #FDA8CF

#998C92 #FDA8CF

Calculate the color between two colors, #998C92 and #FDA8CF. 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)

#998C92 - #FDA8CF | 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 #998C92 as 0% and #FDA8CF as 100%.

0.0%	0.0% #998C92	RGB 153 140 146	#998C92
16.7%	16.7% #A9909C	RGB 169 144 156	#A9909C
33.3%	33.3% #BA95A6	RGB 186 149 166	#BA95A6
50.0%	50.0% #CB9AB0	RGB 203 154 176	#CB9AB0
66.7%	66.7% #DB9EBA	RGB 219 158 186	#DB9EBA
83.3%	83.3% #ECA3C4	RGB 236 163 196	#ECA3C4
100.0%	100.0% #FDA8CF	RGB 253 168 207	#FDA8CF

#998C92 #A9909C #BA95A6 #CB9AB0 #DB9EBA #ECA3C4 #FDA8CF

#998C92 - #FDA8CF

HSV Blend

#998C92 - #FDA8CF | 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 #998C92 as 0% and #FDA8CF as 100%.

0.0%	0.0% #998C92	RGB 153 140 146	#998C92
16.7%	16.7% #A9949E	RGB 169 148 158	#A9949E
33.3%	33.3% #BA9AA9	RGB 186 154 169	#BA9AA9
50.0%	50.0% #CBA0B3	RGB 203 160 179	#CBA0B3
66.7%	66.7% #DBA4BD	RGB 219 164 189	#DBA4BD
83.3%	83.3% #ECA6C6	RGB 236 166 198	#ECA6C6
100.0%	100.0% #FDA8CF	RGB 253 168 207	#FDA8CF

#998C92 #A9949E #BA9AA9 #CBA0B3 #DBA4BD #ECA6C6 #FDA8CF

#998C92 - #CBA0B3 - #FDA8CF

CSS codes

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

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