#C78B9F - #EFDDE3 | 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 #C78B9F to #EFDDE3

#C78B9F #EFDDE3

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

#C78B9F - #EFDDE3 | 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 #C78B9F as 0% and #EFDDE3 as 100%.

0.0%	0.0% #C78B9F	RGB 199 139 159	#C78B9F
16.7%	16.7% #CD98AA	RGB 205 152 170	#CD98AA
33.3%	33.3% #D4A6B5	RGB 212 166 181	#D4A6B5
50.0%	50.0% #DBB4C1	RGB 219 180 193	#DBB4C1
66.7%	66.7% #E1C1CC	RGB 225 193 204	#E1C1CC
83.3%	83.3% #E8CFD7	RGB 232 207 215	#E8CFD7
100.0%	100.0% #EFDDE3	RGB 239 221 227	#EFDDE3

#C78B9F #CD98AA #D4A6B5 #DBB4C1 #E1C1CC #E8CFD7 #EFDDE3

#C78B9F - #EFDDE3

HSV Blend

#C78B9F - #EFDDE3 | 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 #C78B9F as 0% and #EFDDE3 as 100%.

0.0%	0.0% #C78B9F	RGB 199 139 159	#C78B9F
16.7%	16.7% #CD97A9	RGB 205 151 169	#CD97A9
33.3%	33.3% #D4A4B4	RGB 212 164 180	#D4A4B4
50.0%	50.0% #DBB1BF	RGB 219 177 191	#DBB1BF
66.7%	66.7% #E1BFCA	RGB 225 191 202	#E1BFCA
83.3%	83.3% #E8CED6	RGB 232 206 214	#E8CED6
100.0%	100.0% #EFDDE3	RGB 239 221 227	#EFDDE3

#C78B9F #CD97A9 #D4A4B4 #DBB1BF #E1BFCA #E8CED6 #EFDDE3

#C78B9F - #DBB1BF - #EFDDE3

CSS codes

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

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