#BD3CBE - #ECC7EC | 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 #BD3CBE a #ECC7EC

#BD3CBE #ECC7EC

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

#BD3CBE - #ECC7EC | 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 #BD3CBE como 0% y #ECC7EC como 100%.

0.0%	0.0% #BD3CBE	RGB 189 60 190	#BD3CBE
16.7%	16.7% #C453C5	RGB 196 83 197	#C453C5
33.3%	33.3% #CC6ACD	RGB 204 106 205	#CC6ACD
50.0%	50.0% #D481D5	RGB 212 129 213	#D481D5
66.7%	66.7% #DC98DC	RGB 220 152 220	#DC98DC
83.3%	83.3% #E4AFE4	RGB 228 175 228	#E4AFE4
100.0%	100.0% #ECC7EC	RGB 236 199 236	#ECC7EC

#BD3CBE #C453C5 #CC6ACD #D481D5 #DC98DC #E4AFE4 #ECC7EC

#BD3CBE - #ECC7EC

Mezcla HSV

#BD3CBE - #ECC7EC | 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 #BD3CBE como 0% y #ECC7EC como 100%.

0.0%	0.0% #BD3CBE	RGB 189 60 190	#BD3CBE
16.7%	16.7% #C44FC5	RGB 196 79 197	#C44FC5
33.3%	33.3% #CC64CD	RGB 204 100 205	#CC64CD
50.0%	50.0% #D47BD5	RGB 212 123 213	#D47BD5
66.7%	66.7% #DC93DC	RGB 220 147 220	#DC93DC
83.3%	83.3% #E4ACE4	RGB 228 172 228	#E4ACE4
100.0%	100.0% #ECC7EC	RGB 236 199 236	#ECC7EC

#BD3CBE #C44FC5 #CC64CD #D47BD5 #DC93DC #E4ACE4 #ECC7EC

#BD3CBE - #D47BD5 - #ECC7EC

Códigos CSS

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

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