#FF80C7 - #ECC7DF | 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 #FF80C7 a #ECC7DF

#FF80C7 #ECC7DF

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

#FF80C7 - #ECC7DF | 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 #FF80C7 como 0% y #ECC7DF como 100%.

0.0%	0.0% #FF80C7	RGB 255 128 199	#FF80C7
16.7%	16.7% #FB8BCB	RGB 251 139 203	#FB8BCB
33.3%	33.3% #F897CF	RGB 248 151 207	#F897CF
50.0%	50.0% #F5A3D3	RGB 245 163 211	#F5A3D3
66.7%	66.7% #F2AFD7	RGB 242 175 215	#F2AFD7
83.3%	83.3% #EFBBDB	RGB 239 187 219	#EFBBDB
100.0%	100.0% #ECC7DF	RGB 236 199 223	#ECC7DF

#FF80C7 #FB8BCB #F897CF #F5A3D3 #F2AFD7 #EFBBDB #ECC7DF

#FF80C7 - #ECC7DF

Mezcla HSV

#FF80C7 - #ECC7DF | 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 #FF80C7 como 0% y #ECC7DF como 100%.

0.0%	0.0% #FF80C7	RGB 255 128 199	#FF80C7
16.7%	16.7% #FB8CCC	RGB 251 140 204	#FB8CCC
33.3%	33.3% #F899D1	RGB 248 153 209	#F899D1
50.0%	50.0% #F5A5D5	RGB 245 165 213	#F5A5D5
66.7%	66.7% #F2B0D9	RGB 242 176 217	#F2B0D9
83.3%	83.3% #EFBCDC	RGB 239 188 220	#EFBCDC
100.0%	100.0% #ECC7DF	RGB 236 199 223	#ECC7DF

#FF80C7 #FB8CCC #F899D1 #F5A5D5 #F2B0D9 #EFBCDC #ECC7DF

#FF80C7 - #F5A5D5 - #ECC7DF

Códigos CSS

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

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