#C45C5E - #FFAA6E | 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 #C45C5E a #FFAA6E

#C45C5E #FFAA6E

Calcule el color entre dos colores, #C45C5E y #FFAA6E. 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)

#C45C5E - #FFAA6E | 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 #C45C5E como 0% y #FFAA6E como 100%.

0.0%	0.0% #C45C5E	RGB 196 92 94	#C45C5E
16.7%	16.7% #CD6960	RGB 205 105 96	#CD6960
33.3%	33.3% #D77663	RGB 215 118 99	#D77663
50.0%	50.0% #E18366	RGB 225 131 102	#E18366
66.7%	66.7% #EB9068	RGB 235 144 104	#EB9068
83.3%	83.3% #F59D6B	RGB 245 157 107	#F59D6B
100.0%	100.0% #FFAA6E	RGB 255 170 110	#FFAA6E

#C45C5E #CD6960 #D77663 #E18366 #EB9068 #F59D6B #FFAA6E

#C45C5E - #FFAA6E

Mezcla HSV

#C45C5E - #FFAA6E | 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 #C45C5E como 0% y #FFAA6E como 100%.

0.0%	0.0% #C45C5D	RGB 196 92 93	#C45C5D
16.7%	16.7% #CD655F	RGB 205 101 95	#CD655F
33.3%	33.3% #D77162	RGB 215 113 98	#D77162
50.0%	50.0% #E17E65	RGB 225 126 101	#E17E65
66.7%	66.7% #EB8B68	RGB 235 139 104	#EB8B68
83.3%	83.3% #F59A6B	RGB 245 154 107	#F59A6B
100.0%	100.0% #FFAA6E	RGB 255 170 110	#FFAA6E

#C45C5D #CD655F #D77162 #E17E65 #EB8B68 #F59A6B #FFAA6E

#C45C5E - #E17E65 - #FFAA6E

Códigos CSS

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

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