#FF414C - #FFC8CB | 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 #FF414C a #FFC8CB

#FF414C #FFC8CB

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

#FF414C - #FFC8CB | 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 #FF414C como 0% y #FFC8CB como 100%.

0.0%	0.0% #FF414C	RGB 255 65 76	#FF414C
16.7%	16.7% #FF5761	RGB 255 87 97	#FF5761
33.3%	33.3% #FF6E76	RGB 255 110 118	#FF6E76
50.0%	50.0% #FF848B	RGB 255 132 139	#FF848B
66.7%	66.7% #FF9BA0	RGB 255 155 160	#FF9BA0
83.3%	83.3% #FFB1B5	RGB 255 177 181	#FFB1B5
100.0%	100.0% #FFC8CB	RGB 255 200 203	#FFC8CB

#FF414C #FF5761 #FF6E76 #FF848B #FF9BA0 #FFB1B5 #FFC8CB

#FF414C - #FFC8CB

Mezcla HSV

#FF414C - #FFC8CB | 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 #FF414C como 0% y #FFC8CB como 100%.

0.0%	0.0% #FF414B	RGB 255 65 75	#FF414B
16.7%	16.7% #FF5761	RGB 255 87 97	#FF5761
33.3%	33.3% #FF6E76	RGB 255 110 118	#FF6E76
50.0%	50.0% #FF848B	RGB 255 132 139	#FF848B
66.7%	66.7% #FF9BA0	RGB 255 155 160	#FF9BA0
83.3%	83.3% #FFB1B5	RGB 255 177 181	#FFB1B5
100.0%	100.0% #FFC8CB	RGB 255 200 203	#FFC8CB

#FF414B #FF5761 #FF6E76 #FF848B #FF9BA0 #FFB1B5 #FFC8CB

#FF414C - #FF848B - #FFC8CB

Códigos CSS

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

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