#FF74C7 - #C8007F | 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 #FF74C7 a #C8007F

#FF74C7 #C8007F

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

#FF74C7 - #C8007F | 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 #FF74C7 como 0% y #C8007F como 100%.

0.0%	0.0% #FF74C7	RGB 255 116 199	#FF74C7
16.7%	16.7% #F560BB	RGB 245 96 187	#F560BB
33.3%	33.3% #EC4DAF	RGB 236 77 175	#EC4DAF
50.0%	50.0% #E33AA3	RGB 227 58 163	#E33AA3
66.7%	66.7% #DA2697	RGB 218 38 151	#DA2697
83.3%	83.3% #D1138B	RGB 209 19 139	#D1138B
100.0%	100.0% #C8007F	RGB 200 0 127	#C8007F

#FF74C7 #F560BB #EC4DAF #E33AA3 #DA2697 #D1138B #C8007F

#FF74C7 - #C8007F

Mezcla HSV

#FF74C7 - #C8007F | 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 #FF74C7 como 0% y #C8007F como 100%.

0.0%	0.0% #FF74C7	RGB 255 116 199	#FF74C7
16.7%	16.7% #F55DB9	RGB 245 93 185	#F55DB9
33.3%	33.3% #EC47AC	RGB 236 71 172	#EC47AC
50.0%	50.0% #E333A0	RGB 227 51 160	#E333A0
66.7%	66.7% #DA2194	RGB 218 33 148	#DA2194
83.3%	83.3% #D10F89	RGB 209 15 137	#D10F89
100.0%	100.0% #C8007F	RGB 200 0 127	#C8007F

#FF74C7 #F55DB9 #EC47AC #E333A0 #DA2194 #D10F89 #C8007F

#FF74C7 - #E333A0 - #C8007F

Códigos CSS

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

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