#C28181 - #EDDBDB | 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 #C28181 to #EDDBDB

#C28181 #EDDBDB

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

#C28181 - #EDDBDB | 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 #C28181 as 0% and #EDDBDB as 100%.

0.0%	0.0% #C28181	RGB 194 129 129	#C28181
16.7%	16.7% #C99090	RGB 201 144 144	#C99090
33.3%	33.3% #D09F9F	RGB 208 159 159	#D09F9F
50.0%	50.0% #D7AEAE	RGB 215 174 174	#D7AEAE
66.7%	66.7% #DEBDBD	RGB 222 189 189	#DEBDBD
83.3%	83.3% #E5CCCC	RGB 229 204 204	#E5CCCC
100.0%	100.0% #EDDBDB	RGB 237 219 219	#EDDBDB

#C28181 #C99090 #D09F9F #D7AEAE #DEBDBD #E5CCCC #EDDBDB

#C28181 - #EDDBDB

HSV Blend

#C28181 - #EDDBDB | 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 #C28181 as 0% and #EDDBDB as 100%.

0.0%	0.0% #C28181	RGB 194 129 129	#C28181
16.7%	16.7% #C98E8E	RGB 201 142 142	#C98E8E
33.3%	33.3% #D09C9C	RGB 208 156 156	#D09C9C
50.0%	50.0% #D7ABAB	RGB 215 171 171	#D7ABAB
66.7%	66.7% #DEBABA	RGB 222 186 186	#DEBABA
83.3%	83.3% #E5CACA	RGB 229 202 202	#E5CACA
100.0%	100.0% #EDDBDB	RGB 237 219 219	#EDDBDB

#C28181 #C98E8E #D09C9C #D7ABAB #DEBABA #E5CACA #EDDBDB

#C28181 - #D7ABAB - #EDDBDB

CSS codes

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

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