#C92AB8 - #FF8FCB | 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 #C92AB8 a #FF8FCB

#C92AB8 #FF8FCB

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

#C92AB8 - #FF8FCB | 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 #C92AB8 como 0% y #FF8FCB como 100%.

0.0%	0.0% #C92AB8	RGB 201 42 184	#C92AB8
16.7%	16.7% #D23ABB	RGB 210 58 187	#D23ABB
33.3%	33.3% #DB4BBE	RGB 219 75 190	#DB4BBE
50.0%	50.0% #E45CC1	RGB 228 92 193	#E45CC1
66.7%	66.7% #ED6DC4	RGB 237 109 196	#ED6DC4
83.3%	83.3% #F67EC7	RGB 246 126 199	#F67EC7
100.0%	100.0% #FF8FCB	RGB 255 143 203	#FF8FCB

#C92AB8 #D23ABB #DB4BBE #E45CC1 #ED6DC4 #F67EC7 #FF8FCB

#C92AB8 - #FF8FCB

Mezcla HSV

#C92AB8 - #FF8FCB | 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 #C92AB8 como 0% y #FF8FCB como 100%.

0.0%	0.0% #C92AB7	RGB 201 42 183	#C92AB7
16.7%	16.7% #D238B8	RGB 210 56 184	#D238B8
33.3%	33.3% #DB47B9	RGB 219 71 185	#DB47B9
50.0%	50.0% #E457BB	RGB 228 87 187	#E457BB
66.7%	66.7% #ED69BF	RGB 237 105 191	#ED69BF
83.3%	83.3% #F67BC4	RGB 246 123 196	#F67BC4
100.0%	100.0% #FF8FCB	RGB 255 143 203	#FF8FCB

#C92AB7 #D238B8 #DB47B9 #E457BB #ED69BF #F67BC4 #FF8FCB

#C92AB8 - #E457BB - #FF8FCB

Códigos CSS

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

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