#ECB5E4 - #C747A2 | 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 #ECB5E4 a #C747A2

#ECB5E4 #C747A2

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

#ECB5E4 - #C747A2 | 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 #ECB5E4 como 0% y #C747A2 como 100%.

0.0%	0.0% #ECB5E4	RGB 236 181 228	#ECB5E4
16.7%	16.7% #E5A2D9	RGB 229 162 217	#E5A2D9
33.3%	33.3% #DF90CE	RGB 223 144 206	#DF90CE
50.0%	50.0% #D97EC3	RGB 217 126 195	#D97EC3
66.7%	66.7% #D36BB8	RGB 211 107 184	#D36BB8
83.3%	83.3% #CD59AD	RGB 205 89 173	#CD59AD
100.0%	100.0% #C747A2	RGB 199 71 162	#C747A2

#ECB5E4 #E5A2D9 #DF90CE #D97EC3 #D36BB8 #CD59AD #C747A2

#ECB5E4 - #C747A2

Mezcla HSV

#ECB5E4 - #C747A2 | 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 #ECB5E4 como 0% y #C747A2 como 100%.

0.0%	0.0% #ECB5E4	RGB 236 181 228	#ECB5E4
16.7%	16.7% #E5A0DA	RGB 229 160 218	#E5A0DA
33.3%	33.3% #DF8CCF	RGB 223 140 207	#DF8CCF
50.0%	50.0% #D97AC4	RGB 217 122 196	#D97AC4
66.7%	66.7% #D368B9	RGB 211 104 185	#D368B9
83.3%	83.3% #CD57AD	RGB 205 87 173	#CD57AD
100.0%	100.0% #C747A2	RGB 199 71 162	#C747A2

#ECB5E4 #E5A0DA #DF8CCF #D97AC4 #D368B9 #CD57AD #C747A2

#ECB5E4 - #D97AC4 - #C747A2

Códigos CSS

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

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