#CB5E5B - #FFB278 | 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 #CB5E5B a #FFB278

#CB5E5B #FFB278

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

#CB5E5B - #FFB278 | 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 #CB5E5B como 0% y #FFB278 como 100%.

0.0%	0.0% #CB5E5B	RGB 203 94 91	#CB5E5B
16.7%	16.7% #D36C5F	RGB 211 108 95	#D36C5F
33.3%	33.3% #DC7A64	RGB 220 122 100	#DC7A64
50.0%	50.0% #E58869	RGB 229 136 105	#E58869
66.7%	66.7% #ED966E	RGB 237 150 110	#ED966E
83.3%	83.3% #F6A473	RGB 246 164 115	#F6A473
100.0%	100.0% #FFB278	RGB 255 178 120	#FFB278

#CB5E5B #D36C5F #DC7A64 #E58869 #ED966E #F6A473 #FFB278

#CB5E5B - #FFB278

Mezcla HSV

#CB5E5B - #FFB278 | 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 #CB5E5B como 0% y #FFB278 como 100%.

0.0%	0.0% #CB5D5A	RGB 203 93 90	#CB5D5A
16.7%	16.7% #D36A5F	RGB 211 106 95	#D36A5F
33.3%	33.3% #DC7764	RGB 220 119 100	#DC7764
50.0%	50.0% #E58569	RGB 229 133 105	#E58569
66.7%	66.7% #ED936E	RGB 237 147 110	#ED936E
83.3%	83.3% #F6A273	RGB 246 162 115	#F6A273
100.0%	100.0% #FFB278	RGB 255 178 120	#FFB278

#CB5D5A #D36A5F #DC7764 #E58569 #ED936E #F6A273 #FFB278

#CB5E5B - #E58569 - #FFB278

Códigos CSS

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

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