#E7B5E3 - #C247A1 | 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 #E7B5E3 a #C247A1

#E7B5E3 #C247A1

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

#E7B5E3 - #C247A1 | 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 #E7B5E3 como 0% y #C247A1 como 100%.

0.0%	0.0% #E7B5E3	RGB 231 181 227	#E7B5E3
16.7%	16.7% #E0A2D8	RGB 224 162 216	#E0A2D8
33.3%	33.3% #DA90CD	RGB 218 144 205	#DA90CD
50.0%	50.0% #D47EC2	RGB 212 126 194	#D47EC2
66.7%	66.7% #CE6BB7	RGB 206 107 183	#CE6BB7
83.3%	83.3% #C859AC	RGB 200 89 172	#C859AC
100.0%	100.0% #C247A1	RGB 194 71 161	#C247A1

#E7B5E3 #E0A2D8 #DA90CD #D47EC2 #CE6BB7 #C859AC #C247A1

#E7B5E3 - #C247A1

Mezcla HSV

#E7B5E3 - #C247A1 | 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 #E7B5E3 como 0% y #C247A1 como 100%.

0.0%	0.0% #E7B5E3	RGB 231 181 227	#E7B5E3
16.7%	16.7% #E0A0D9	RGB 224 160 217	#E0A0D9
33.3%	33.3% #DA8CCF	RGB 218 140 207	#DA8CCF
50.0%	50.0% #D47AC4	RGB 212 122 196	#D47AC4
66.7%	66.7% #CE68B9	RGB 206 104 185	#CE68B9
83.3%	83.3% #C857AD	RGB 200 87 173	#C857AD
100.0%	100.0% #C247A1	RGB 194 71 161	#C247A1

#E7B5E3 #E0A0D9 #DA8CCF #D47AC4 #CE68B9 #C857AD #C247A1

#E7B5E3 - #D47AC4 - #C247A1

Códigos CSS

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

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