#FF6770 - #B7172E | 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 #FF6770 a #B7172E

#FF6770 #B7172E

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

#FF6770 - #B7172E | 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 #FF6770 como 0% y #B7172E como 100%.

0.0%	0.0% #FF6770	RGB 255 103 112	#FF6770
16.7%	16.7% #F35965	RGB 243 89 101	#F35965
33.3%	33.3% #E74C5A	RGB 231 76 90	#E74C5A
50.0%	50.0% #DB3F4F	RGB 219 63 79	#DB3F4F
66.7%	66.7% #CF3144	RGB 207 49 68	#CF3144
83.3%	83.3% #C32439	RGB 195 36 57	#C32439
100.0%	100.0% #B7172E	RGB 183 23 46	#B7172E

#FF6770 #F35965 #E74C5A #DB3F4F #CF3144 #C32439 #B7172E

#FF6770 - #B7172E

Mezcla HSV

#FF6770 - #B7172E | 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 #FF6770 como 0% y #B7172E como 100%.

0.0%	0.0% #FF6770	RGB 255 103 112	#FF6770
16.7%	16.7% #F35662	RGB 243 86 98	#F35662
33.3%	33.3% #E74755	RGB 231 71 85	#E74755
50.0%	50.0% #DB394A	RGB 219 57 74	#DB394A
66.7%	66.7% #CF2D3F	RGB 207 45 63	#CF2D3F
83.3%	83.3% #C32136	RGB 195 33 54	#C32136
100.0%	100.0% #B7172E	RGB 183 23 46	#B7172E

#FF6770 #F35662 #E74755 #DB394A #CF2D3F #C32136 #B7172E

#FF6770 - #DB394A - #B7172E

Códigos CSS

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

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