#C98D99 - #D0CECE | 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 #C98D99 to #D0CECE

#C98D99 #D0CECE

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

#C98D99 - #D0CECE | 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 #C98D99 as 0% and #D0CECE as 100%.

0.0%	0.0% #C98D99	RGB 201 141 153	#C98D99
16.7%	16.7% #CA97A1	RGB 202 151 161	#CA97A1
33.3%	33.3% #CBA2AA	RGB 203 162 170	#CBA2AA
50.0%	50.0% #CCADB3	RGB 204 173 179	#CCADB3
66.7%	66.7% #CDB8BC	RGB 205 184 188	#CDB8BC
83.3%	83.3% #CEC3C5	RGB 206 195 197	#CEC3C5
100.0%	100.0% #D0CECE	RGB 208 206 206	#D0CECE

#C98D99 #CA97A1 #CBA2AA #CCADB3 #CDB8BC #CEC3C5 #D0CECE

#C98D99 - #D0CECE

HSV Blend

#C98D99 - #D0CECE | 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 #C98D99 as 0% and #D0CECE as 100%.

0.0%	0.0% #C98D99	RGB 201 141 153	#C98D99
16.7%	16.7% #CA979F	RGB 202 151 159	#CA979F
33.3%	33.3% #CBA2A7	RGB 203 162 167	#CBA2A7
50.0%	50.0% #CCACB0	RGB 204 172 176	#CCACB0
66.7%	66.7% #CDB7B9	RGB 205 183 185	#CDB7B9
83.3%	83.3% #CEC2C3	RGB 206 194 195	#CEC2C3
100.0%	100.0% #D0CECE	RGB 208 206 206	#D0CECE

#C98D99 #CA979F #CBA2A7 #CCACB0 #CDB7B9 #CEC2C3 #D0CECE

#C98D99 - #CCACB0 - #D0CECE

CSS codes

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

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