#FF234B - #8F001D | 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 #FF234B a #8F001D

#FF234B #8F001D

Calcule el color entre dos colores, #FF234B y #8F001D. 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)

#FF234B - #8F001D | 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 #FF234B como 0% y #8F001D como 100%.

0.0%	0.0% #FF234B	RGB 255 35 75	#FF234B
16.7%	16.7% #EC1D43	RGB 236 29 67	#EC1D43
33.3%	33.3% #D9173B	RGB 217 23 59	#D9173B
50.0%	50.0% #C71134	RGB 199 17 52	#C71134
66.7%	66.7% #B40B2C	RGB 180 11 44	#B40B2C
83.3%	83.3% #A10524	RGB 161 5 36	#A10524
100.0%	100.0% #8F001D	RGB 143 0 29	#8F001D

#FF234B #EC1D43 #D9173B #C71134 #B40B2C #A10524 #8F001D

#FF234B - #8F001D

Mezcla HSV

#FF234B - #8F001D | 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 #FF234B como 0% y #8F001D como 100%.

0.0%	0.0% #FF224B	RGB 255 34 75	#FF224B
16.7%	16.7% #EC1B41	RGB 236 27 65	#EC1B41
33.3%	33.3% #D91339	RGB 217 19 57	#D91339
50.0%	50.0% #C70D31	RGB 199 13 49	#C70D31
66.7%	66.7% #B40829	RGB 180 8 41	#B40829
83.3%	83.3% #A10323	RGB 161 3 35	#A10323
100.0%	100.0% #8F001D	RGB 143 0 29	#8F001D

#FF224B #EC1B41 #D91339 #C70D31 #B40829 #A10323 #8F001D

#FF234B - #C70D31 - #8F001D

Códigos CSS

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

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