#C98D9C - #FFD6B3 | 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 #C98D9C to #FFD6B3

#C98D9C #FFD6B3

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

#C98D9C - #FFD6B3 | 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 #C98D9C as 0% and #FFD6B3 as 100%.

0.0%	0.0% #C98D9C	RGB 201 141 156	#C98D9C
16.7%	16.7% #D2999F	RGB 210 153 159	#D2999F
33.3%	33.3% #DBA5A3	RGB 219 165 163	#DBA5A3
50.0%	50.0% #E4B1A7	RGB 228 177 167	#E4B1A7
66.7%	66.7% #EDBDAB	RGB 237 189 171	#EDBDAB
83.3%	83.3% #F6C9AF	RGB 246 201 175	#F6C9AF
100.0%	100.0% #FFD6B3	RGB 255 214 179	#FFD6B3

#C98D9C #D2999F #DBA5A3 #E4B1A7 #EDBDAB #F6C9AF #FFD6B3

#C98D9C - #FFD6B3

HSV Blend

#C98D9C - #FFD6B3 | 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 #C98D9C as 0% and #FFD6B3 as 100%.

0.0%	0.0% #C98D9B	RGB 201 141 155	#C98D9B
16.7%	16.7% #D2939B	RGB 210 147 155	#D2939B
33.3%	33.3% #DB999A	RGB 219 153 154	#DB999A
50.0%	50.0% #E4A79F	RGB 228 167 159	#E4A79F
66.7%	66.7% #EDB6A6	RGB 237 182 166	#EDB6A6
83.3%	83.3% #F6C5AC	RGB 246 197 172	#F6C5AC
100.0%	100.0% #FFD6B3	RGB 255 214 179	#FFD6B3

#C98D9B #D2939B #DB999A #E4A79F #EDB6A6 #F6C5AC #FFD6B3

#C98D9C - #E4A79F - #FFD6B3

CSS codes

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

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