#FF8BA3 - #EC3E4B | 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 #FF8BA3 a #EC3E4B

#FF8BA3 #EC3E4B

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

#FF8BA3 - #EC3E4B | 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 #FF8BA3 como 0% y #EC3E4B como 100%.

0.0%	0.0% #FF8BA3	RGB 255 139 163	#FF8BA3
16.7%	16.7% #FB7E94	RGB 251 126 148	#FB7E94
33.3%	33.3% #F87185	RGB 248 113 133	#F87185
50.0%	50.0% #F56477	RGB 245 100 119	#F56477
66.7%	66.7% #F25768	RGB 242 87 104	#F25768
83.3%	83.3% #EF4A59	RGB 239 74 89	#EF4A59
100.0%	100.0% #EC3E4B	RGB 236 62 75	#EC3E4B

#FF8BA3 #FB7E94 #F87185 #F56477 #F25768 #EF4A59 #EC3E4B

#FF8BA3 - #EC3E4B

Mezcla HSV

#FF8BA3 - #EC3E4B | 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 #FF8BA3 como 0% y #EC3E4B como 100%.

0.0%	0.0% #FF8BA3	RGB 255 139 163	#FF8BA3
16.7%	16.7% #FB7D94	RGB 251 125 148	#FB7D94
33.3%	33.3% #F87086	RGB 248 112 134	#F87086
50.0%	50.0% #F56377	RGB 245 99 119	#F56377
66.7%	66.7% #F25668	RGB 242 86 104	#F25668
83.3%	83.3% #EF4A5A	RGB 239 74 90	#EF4A5A
100.0%	100.0% #EC3E4B	RGB 236 62 75	#EC3E4B

#FF8BA3 #FB7D94 #F87086 #F56377 #F25668 #EF4A5A #EC3E4B

#FF8BA3 - #F56377 - #EC3E4B

Códigos CSS

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

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