#EDBDBD - #DD6B68 | 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 #EDBDBD to #DD6B68

#EDBDBD #DD6B68

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

#EDBDBD - #DD6B68 | 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 #EDBDBD as 0% and #DD6B68 as 100%.

0.0%	0.0% #EDBDBD	RGB 237 189 189	#EDBDBD
16.7%	16.7% #EAAFAE	RGB 234 175 174	#EAAFAE
33.3%	33.3% #E7A1A0	RGB 231 161 160	#E7A1A0
50.0%	50.0% #E59492	RGB 229 148 146	#E59492
66.7%	66.7% #E28684	RGB 226 134 132	#E28684
83.3%	83.3% #DF7876	RGB 223 120 118	#DF7876
100.0%	100.0% #DD6B68	RGB 221 107 104	#DD6B68

#EDBDBD #EAAFAE #E7A1A0 #E59492 #E28684 #DF7876 #DD6B68

#EDBDBD - #DD6B68

HSV Blend

#EDBDBD - #DD6B68 | 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 #EDBDBD as 0% and #DD6B68 as 100%.

0.0%	0.0% #EDBDBD	RGB 237 189 189	#EDBDBD
16.7%	16.7% #EAAEAE	RGB 234 174 174	#EAAEAE
33.3%	33.3% #E7A09F	RGB 231 160 159	#E7A09F
50.0%	50.0% #E59291	RGB 229 146 145	#E59291
66.7%	66.7% #E28483	RGB 226 132 131	#E28483
83.3%	83.3% #DF7775	RGB 223 119 117	#DF7775
100.0%	100.0% #DD6B68	RGB 221 107 104	#DD6B68

#EDBDBD #EAAEAE #E7A09F #E59291 #E28483 #DF7775 #DD6B68

#EDBDBD - #E59291 - #DD6B68

CSS codes

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

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