#FF6BA9 - #C1015E | 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 #FF6BA9 a #C1015E

#FF6BA9 #C1015E

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

#FF6BA9 - #C1015E | 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 #FF6BA9 como 0% y #C1015E como 100%.

0.0%	0.0% #FF6BA9	RGB 255 107 169	#FF6BA9
16.7%	16.7% #F4599C	RGB 244 89 156	#F4599C
33.3%	33.3% #EA4790	RGB 234 71 144	#EA4790
50.0%	50.0% #E03683	RGB 224 54 131	#E03683
66.7%	66.7% #D52477	RGB 213 36 119	#D52477
83.3%	83.3% #CB126A	RGB 203 18 106	#CB126A
100.0%	100.0% #C1015E	RGB 193 1 94	#C1015E

#FF6BA9 #F4599C #EA4790 #E03683 #D52477 #CB126A #C1015E

#FF6BA9 - #C1015E

Mezcla HSV

#FF6BA9 - #C1015E | 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 #FF6BA9 como 0% y #C1015E como 100%.

0.0%	0.0% #FF6BA8	RGB 255 107 168	#FF6BA8
16.7%	16.7% #F4559A	RGB 244 85 154	#F4559A
33.3%	33.3% #EA418C	RGB 234 65 140	#EA418C
50.0%	50.0% #E02F7F	RGB 224 47 127	#E02F7F
66.7%	66.7% #D51E73	RGB 213 30 115	#D51E73
83.3%	83.3% #CB0F68	RGB 203 15 104	#CB0F68
100.0%	100.0% #C1015E	RGB 193 1 94	#C1015E

#FF6BA8 #F4559A #EA418C #E02F7F #D51E73 #CB0F68 #C1015E

#FF6BA9 - #E02F7F - #C1015E

Códigos CSS

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

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