#C2826C - #EDDBD5 | 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 #C2826C to #EDDBD5

#C2826C #EDDBD5

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

#C2826C - #EDDBD5 | 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 #C2826C as 0% and #EDDBD5 as 100%.

0.0%	0.0% #C2826C	RGB 194 130 108	#C2826C
16.7%	16.7% #C9907D	RGB 201 144 125	#C9907D
33.3%	33.3% #D09F8F	RGB 208 159 143	#D09F8F
50.0%	50.0% #D7AEA0	RGB 215 174 160	#D7AEA0
66.7%	66.7% #DEBDB2	RGB 222 189 178	#DEBDB2
83.3%	83.3% #E5CCC3	RGB 229 204 195	#E5CCC3
100.0%	100.0% #EDDBD5	RGB 237 219 213	#EDDBD5

#C2826C #C9907D #D09F8F #D7AEA0 #DEBDB2 #E5CCC3 #EDDBD5

#C2826C - #EDDBD5

HSV Blend

#C2826C - #EDDBD5 | 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 #C2826C as 0% and #EDDBD5 as 100%.

0.0%	0.0% #C2826C	RGB 194 130 108	#C2826C
16.7%	16.7% #C98F7B	RGB 201 143 123	#C98F7B
33.3%	33.3% #D09D8B	RGB 208 157 139	#D09D8B
50.0%	50.0% #D7AB9C	RGB 215 171 156	#D7AB9C
66.7%	66.7% #DEBAAE	RGB 222 186 174	#DEBAAE
83.3%	83.3% #E5CAC1	RGB 229 202 193	#E5CAC1
100.0%	100.0% #EDDBD5	RGB 237 219 213	#EDDBD5

#C2826C #C98F7B #D09D8B #D7AB9C #DEBAAE #E5CAC1 #EDDBD5

#C2826C - #D7AB9C - #EDDBD5

CSS codes

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

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