#C1572B - #FD9F3C | 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 #C1572B a #FD9F3C

#C1572B #FD9F3C

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

#C1572B - #FD9F3C | 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 #C1572B como 0% y #FD9F3C como 100%.

0.0%	0.0% #C1572B	RGB 193 87 43	#C1572B
16.7%	16.7% #CB632D	RGB 203 99 45	#CB632D
33.3%	33.3% #D56F30	RGB 213 111 48	#D56F30
50.0%	50.0% #DF7B33	RGB 223 123 51	#DF7B33
66.7%	66.7% #E98736	RGB 233 135 54	#E98736
83.3%	83.3% #F39339	RGB 243 147 57	#F39339
100.0%	100.0% #FD9F3C	RGB 253 159 60	#FD9F3C

#C1572B #CB632D #D56F30 #DF7B33 #E98736 #F39339 #FD9F3C

#C1572B - #FD9F3C

Mezcla HSV

#C1572B - #FD9F3C | 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 #C1572B como 0% y #FD9F3C como 100%.

0.0%	0.0% #C1572B	RGB 193 87 43	#C1572B
16.7%	16.7% #CB612D	RGB 203 97 45	#CB612D
33.3%	33.3% #D56C30	RGB 213 108 48	#D56C30
50.0%	50.0% #DF7833	RGB 223 120 51	#DF7833
66.7%	66.7% #E98436	RGB 233 132 54	#E98436
83.3%	83.3% #F39139	RGB 243 145 57	#F39139
100.0%	100.0% #FD9F3C	RGB 253 159 60	#FD9F3C

#C1572B #CB612D #D56C30 #DF7833 #E98436 #F39139 #FD9F3C

#C1572B - #DF7833 - #FD9F3C

Códigos CSS

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

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