#FFB2B2 - #F35A5B | 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 #FFB2B2 a #F35A5B

#FFB2B2 #F35A5B

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

#FFB2B2 - #F35A5B | 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 #FFB2B2 como 0% y #F35A5B como 100%.

0.0%	0.0% #FFB2B2	RGB 255 178 178	#FFB2B2
16.7%	16.7% #FDA3A3	RGB 253 163 163	#FDA3A3
33.3%	33.3% #FB9495	RGB 251 148 149	#FB9495
50.0%	50.0% #F98686	RGB 249 134 134	#F98686
66.7%	66.7% #F77778	RGB 247 119 120	#F77778
83.3%	83.3% #F56869	RGB 245 104 105	#F56869
100.0%	100.0% #F35A5B	RGB 243 90 91	#F35A5B

#FFB2B2 #FDA3A3 #FB9495 #F98686 #F77778 #F56869 #F35A5B

#FFB2B2 - #F35A5B

Mezcla HSV

#FFB2B2 - #F35A5B | 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 #FFB2B2 como 0% y #F35A5B como 100%.

0.0%	0.0% #FFB2B2	RGB 255 178 178	#FFB2B2
16.7%	16.7% #FDA2A2	RGB 253 162 162	#FDA2A2
33.3%	33.3% #FB9394	RGB 251 147 148	#FB9394
50.0%	50.0% #F98585	RGB 249 133 133	#F98585
66.7%	66.7% #F77677	RGB 247 118 119	#F77677
83.3%	83.3% #F56868	RGB 245 104 104	#F56868
100.0%	100.0% #F35A5B	RGB 243 90 91	#F35A5B

#FFB2B2 #FDA2A2 #FB9394 #F98585 #F77677 #F56868 #F35A5B

#FFB2B2 - #F98585 - #F35A5B

Códigos CSS

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

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