#BF4848 - #FE9960 | 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 #BF4848 a #FE9960

#BF4848 #FE9960

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

#BF4848 - #FE9960 | 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 #BF4848 como 0% y #FE9960 como 100%.

0.0%	0.0% #BF4848	RGB 191 72 72	#BF4848
16.7%	16.7% #C9554C	RGB 201 85 76	#C9554C
33.3%	33.3% #D46350	RGB 212 99 80	#D46350
50.0%	50.0% #DE7054	RGB 222 112 84	#DE7054
66.7%	66.7% #E97E58	RGB 233 126 88	#E97E58
83.3%	83.3% #F38B5C	RGB 243 139 92	#F38B5C
100.0%	100.0% #FE9960	RGB 254 153 96	#FE9960

#BF4848 #C9554C #D46350 #DE7054 #E97E58 #F38B5C #FE9960

#BF4848 - #FE9960

Mezcla HSV

#BF4848 - #FE9960 | 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 #BF4848 como 0% y #FE9960 como 100%.

0.0%	0.0% #BF4848	RGB 191 72 72	#BF4848
16.7%	16.7% #C9534B	RGB 201 83 75	#C9534B
33.3%	33.3% #D45F4F	RGB 212 95 79	#D45F4F
50.0%	50.0% #DE6C53	RGB 222 108 83	#DE6C53
66.7%	66.7% #E97A57	RGB 233 122 87	#E97A57
83.3%	83.3% #F3895B	RGB 243 137 91	#F3895B
100.0%	100.0% #FE9960	RGB 254 153 96	#FE9960

#BF4848 #C9534B #D45F4F #DE6C53 #E97A57 #F3895B #FE9960

#BF4848 - #DE6C53 - #FE9960

Códigos CSS

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

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