#C75B5E - #FFA96D | 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 #FFA96D

#C75B5E #FFA96D

Calcule el color entre dos colores, #C75B5E y #FFA96D. 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 - #FFA96D | 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 #FFA96D como 100%.

0.0%	0.0% #C75B5E	RGB 199 91 94	#C75B5E
16.7%	16.7% #D06860	RGB 208 104 96	#D06860
33.3%	33.3% #D97563	RGB 217 117 99	#D97563
50.0%	50.0% #E38265	RGB 227 130 101	#E38265
66.7%	66.7% #EC8F68	RGB 236 143 104	#EC8F68
83.3%	83.3% #F59C6A	RGB 245 156 106	#F59C6A
100.0%	100.0% #FFA96D	RGB 255 169 109	#FFA96D

#C75B5E #D06860 #D97563 #E38265 #EC8F68 #F59C6A #FFA96D

#C75B5E - #FFA96D

Mezcla HSV

#C75B5E - #FFA96D | 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 #FFA96D como 100%.

0.0%	0.0% #C75B5D	RGB 199 91 93	#C75B5D
16.7%	16.7% #D0635E	RGB 208 99 94	#D0635E
33.3%	33.3% #D96F61	RGB 217 111 97	#D96F61
50.0%	50.0% #E37C64	RGB 227 124 100	#E37C64
66.7%	66.7% #EC8A67	RGB 236 138 103	#EC8A67
83.3%	83.3% #F5996A	RGB 245 153 106	#F5996A
100.0%	100.0% #FFA96D	RGB 255 169 109	#FFA96D

#C75B5D #D0635E #D96F61 #E37C64 #EC8A67 #F5996A #FFA96D

#C75B5E - #E37C64 - #FFA96D

Códigos CSS

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

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