#F5E7EB - #C28DB4 | 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 #F5E7EB to #C28DB4

#F5E7EB #C28DB4

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

#F5E7EB - #C28DB4 | 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 #F5E7EB as 0% and #C28DB4 as 100%.

0.0%	0.0% #F5E7EB	RGB 245 231 235	#F5E7EB
16.7%	16.7% #ECD8E1	RGB 236 216 225	#ECD8E1
33.3%	33.3% #E4C9D8	RGB 228 201 216	#E4C9D8
50.0%	50.0% #DBBACF	RGB 219 186 207	#DBBACF
66.7%	66.7% #D3ABC6	RGB 211 171 198	#D3ABC6
83.3%	83.3% #CA9CBD	RGB 202 156 189	#CA9CBD
100.0%	100.0% #C28DB4	RGB 194 141 180	#C28DB4

#F5E7EB #ECD8E1 #E4C9D8 #DBBACF #D3ABC6 #CA9CBD #C28DB4

#F5E7EB - #C28DB4

HSV Blend

#F5E7EB - #C28DB4 | 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 #F5E7EB as 0% and #C28DB4 as 100%.

0.0%	0.0% #F5E7EB	RGB 245 231 235	#F5E7EB
16.7%	16.7% #ECD6DE	RGB 236 214 222	#ECD6DE
33.3%	33.3% #E4C6D3	RGB 228 198 211	#E4C6D3
50.0%	50.0% #DBB7C9	RGB 219 183 201	#DBB7C9
66.7%	66.7% #D3A8C1	RGB 211 168 193	#D3A8C1
83.3%	83.3% #CA9ABA	RGB 202 154 186	#CA9ABA
100.0%	100.0% #C28DB4	RGB 194 141 180	#C28DB4

#F5E7EB #ECD6DE #E4C6D3 #DBB7C9 #D3A8C1 #CA9ABA #C28DB4

#F5E7EB - #DBB7C9 - #C28DB4

CSS codes

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

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