#C75B5E - #EFD0D1 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #C75B5E a #EFD0D1

#C75B5E #EFD0D1

Calcule el color entre dos colores, #C75B5E y #EFD0D1. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#C75B5E - #EFD0D1 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #C75B5E como 0% y #EFD0D1 como 100%.

0.0%	0.0% #C75B5E	RGB 199 91 94	#C75B5E
16.7%	16.7% #CD6E71	RGB 205 110 113	#CD6E71
33.3%	33.3% #D48284	RGB 212 130 132	#D48284
50.0%	50.0% #DB9597	RGB 219 149 151	#DB9597
66.7%	66.7% #E1A9AA	RGB 225 169 170	#E1A9AA
83.3%	83.3% #E8BCBD	RGB 232 188 189	#E8BCBD
100.0%	100.0% #EFD0D1	RGB 239 208 209	#EFD0D1

#C75B5E #CD6E71 #D48284 #DB9597 #E1A9AA #E8BCBD #EFD0D1

#C75B5E - #EFD0D1

Mezcla HSV

#C75B5E - #EFD0D1 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #C75B5E como 0% y #EFD0D1 como 100%.

0.0%	0.0% #C75B5D	RGB 199 91 93	#C75B5D
16.7%	16.7% #CD6C6E	RGB 205 108 110	#CD6C6E
33.3%	33.3% #D47E80	RGB 212 126 128	#D47E80
50.0%	50.0% #DB9193	RGB 219 145 147	#DB9193
66.7%	66.7% #E1A5A7	RGB 225 165 167	#E1A5A7
83.3%	83.3% #E8BABB	RGB 232 186 187	#E8BABB
100.0%	100.0% #EFD0D1	RGB 239 208 209	#EFD0D1

#C75B5D #CD6C6E #D47E80 #DB9193 #E1A5A7 #E8BABB #EFD0D1

#C75B5E - #DB9193 - #EFD0D1

Códigos CSS

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

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