#FF016C - #FF767E | 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 #FF016C a #FF767E

#FF016C #FF767E

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

#FF016C - #FF767E | 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 #FF016C como 0% y #FF767E como 100%.

0.0%	0.0% #FF016C	RGB 255 1 108	#FF016C
16.7%	16.7% #FF146F	RGB 255 20 111	#FF146F
33.3%	33.3% #FF2872	RGB 255 40 114	#FF2872
50.0%	50.0% #FF3B75	RGB 255 59 117	#FF3B75
66.7%	66.7% #FF4F78	RGB 255 79 120	#FF4F78
83.3%	83.3% #FF627B	RGB 255 98 123	#FF627B
100.0%	100.0% #FF767E	RGB 255 118 126	#FF767E

#FF016C #FF146F #FF2872 #FF3B75 #FF4F78 #FF627B #FF767E

#FF016C - #FF767E

Mezcla HSV

#FF016C - #FF767E | 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 #FF016C como 0% y #FF767E como 100%.

0.0%	0.0% #FF006C	RGB 255 0 108	#FF006C
16.7%	16.7% #FF1469	RGB 255 20 105	#FF1469
33.3%	33.3% #FF2768	RGB 255 39 104	#FF2768
50.0%	50.0% #FF3B6A	RGB 255 59 106	#FF3B6A
66.7%	66.7% #FF4F6E	RGB 255 79 110	#FF4F6E
83.3%	83.3% #FF6275	RGB 255 98 117	#FF6275
100.0%	100.0% #FF767E	RGB 255 118 126	#FF767E

#FF006C #FF1469 #FF2768 #FF3B6A #FF4F6E #FF6275 #FF767E

#FF016C - #FF3B6A - #FF767E

Códigos CSS

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

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