#C0665C - #EDD3D0 | 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 #C0665C to #EDD3D0

#C0665C #EDD3D0

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

#C0665C - #EDD3D0 | 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 #C0665C as 0% and #EDD3D0 as 100%.

0.0%	0.0% #C0665C	RGB 192 102 92	#C0665C
16.7%	16.7% #C7786F	RGB 199 120 111	#C7786F
33.3%	33.3% #CF8A82	RGB 207 138 130	#CF8A82
50.0%	50.0% #D69C96	RGB 214 156 150	#D69C96
66.7%	66.7% #DEAEA9	RGB 222 174 169	#DEAEA9
83.3%	83.3% #E5C0BC	RGB 229 192 188	#E5C0BC
100.0%	100.0% #EDD3D0	RGB 237 211 208	#EDD3D0

#C0665C #C7786F #CF8A82 #D69C96 #DEAEA9 #E5C0BC #EDD3D0

#C0665C - #EDD3D0

HSV Blend

#C0665C - #EDD3D0 | 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 #C0665C as 0% and #EDD3D0 as 100%.

0.0%	0.0% #C0665C	RGB 192 102 92	#C0665C
16.7%	16.7% #C7756C	RGB 199 117 108	#C7756C
33.3%	33.3% #CF867E	RGB 207 134 126	#CF867E
50.0%	50.0% #D69891	RGB 214 152 145	#D69891
66.7%	66.7% #DEABA5	RGB 222 171 165	#DEABA5
83.3%	83.3% #E5BEBA	RGB 229 190 186	#E5BEBA
100.0%	100.0% #EDD3D0	RGB 237 211 208	#EDD3D0

#C0665C #C7756C #CF867E #D69891 #DEABA5 #E5BEBA #EDD3D0

#C0665C - #D69891 - #EDD3D0

CSS codes

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

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