#8F7D89 - #FB95F7 | 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 #8F7D89 a #FB95F7

#8F7D89 #FB95F7

Calcule el color entre dos colores, #8F7D89 y #FB95F7. 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)

#8F7D89 - #FB95F7 | 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 #8F7D89 como 0% y #FB95F7 como 100%.

0.0%	0.0% #8F7D89	RGB 143 125 137	#8F7D89
16.7%	16.7% #A1819B	RGB 161 129 155	#A1819B
33.3%	33.3% #B385AD	RGB 179 133 173	#B385AD
50.0%	50.0% #C589C0	RGB 197 137 192	#C589C0
66.7%	66.7% #D78DD2	RGB 215 141 210	#D78DD2
83.3%	83.3% #E991E4	RGB 233 145 228	#E991E4
100.0%	100.0% #FB95F7	RGB 251 149 247	#FB95F7

#8F7D89 #A1819B #B385AD #C589C0 #D78DD2 #E991E4 #FB95F7

#8F7D89 - #FB95F7

Mezcla HSV

#8F7D89 - #FB95F7 | 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 #8F7D89 como 0% y #FB95F7 como 100%.

0.0%	0.0% #8F7D89	RGB 143 125 137	#8F7D89
16.7%	16.7% #A18599	RGB 161 133 153	#A18599
33.3%	33.3% #B38BA9	RGB 179 139 169	#B38BA9
50.0%	50.0% #C590BB	RGB 197 144 187	#C590BB
66.7%	66.7% #D793CD	RGB 215 147 205	#D793CD
83.3%	83.3% #E995E1	RGB 233 149 225	#E995E1
100.0%	100.0% #FB95F7	RGB 251 149 247	#FB95F7

#8F7D89 #A18599 #B38BA9 #C590BB #D793CD #E995E1 #FB95F7

#8F7D89 - #C590BB - #FB95F7

Códigos CSS

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

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