#BC5EAE - #FE8CAC | 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 #BC5EAE a #FE8CAC

#BC5EAE #FE8CAC

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

#BC5EAE - #FE8CAC | 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 #BC5EAE como 0% y #FE8CAC como 100%.

0.0%	0.0% #BC5EAE	RGB 188 94 174	#BC5EAE
16.7%	16.7% #C765AD	RGB 199 101 173	#C765AD
33.3%	33.3% #D26DAD	RGB 210 109 173	#D26DAD
50.0%	50.0% #DD75AD	RGB 221 117 173	#DD75AD
66.7%	66.7% #E87CAC	RGB 232 124 172	#E87CAC
83.3%	83.3% #F384AC	RGB 243 132 172	#F384AC
100.0%	100.0% #FE8CAC	RGB 254 140 172	#FE8CAC

#BC5EAE #C765AD #D26DAD #DD75AD #E87CAC #F384AC #FE8CAC

#BC5EAE - #FE8CAC

Mezcla HSV

#BC5EAE - #FE8CAC | 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 #BC5EAE como 0% y #FE8CAC como 100%.

0.0%	0.0% #BC5EAE	RGB 188 94 174	#BC5EAE
16.7%	16.7% #C765AF	RGB 199 101 175	#C765AF
33.3%	33.3% #D26CAF	RGB 210 108 175	#D26CAF
50.0%	50.0% #DD74AF	RGB 221 116 175	#DD74AF
66.7%	66.7% #E87BAE	RGB 232 123 174	#E87BAE
83.3%	83.3% #F383AD	RGB 243 131 173	#F383AD
100.0%	100.0% #FE8CAC	RGB 254 140 172	#FE8CAC

#BC5EAE #C765AF #D26CAF #DD74AF #E87BAE #F383AD #FE8CAC

#BC5EAE - #DD74AF - #FE8CAC

Códigos CSS

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

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