#ECE4EB - #C098B5 | 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 #ECE4EB a #C098B5

#ECE4EB #C098B5

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

#ECE4EB - #C098B5 | 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 #ECE4EB como 0% y #C098B5 como 100%.

0.0%	0.0% #ECE4EB	RGB 236 228 235	#ECE4EB
16.7%	16.7% #E4D7E2	RGB 228 215 226	#E4D7E2
33.3%	33.3% #DDCAD9	RGB 221 202 217	#DDCAD9
50.0%	50.0% #D6BED0	RGB 214 190 208	#D6BED0
66.7%	66.7% #CEB1C7	RGB 206 177 199	#CEB1C7
83.3%	83.3% #C7A4BE	RGB 199 164 190	#C7A4BE
100.0%	100.0% #C098B5	RGB 192 152 181	#C098B5

#ECE4EB #E4D7E2 #DDCAD9 #D6BED0 #CEB1C7 #C7A4BE #C098B5

#ECE4EB - #C098B5

Mezcla HSV

#ECE4EB - #C098B5 | 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 #ECE4EB como 0% y #C098B5 como 100%.

0.0%	0.0% #ECE4EB	RGB 236 228 235	#ECE4EB
16.7%	16.7% #E4D6E2	RGB 228 214 226	#E4D6E2
33.3%	33.3% #DDC8D9	RGB 221 200 217	#DDC8D9
50.0%	50.0% #D6BCD0	RGB 214 188 208	#D6BCD0
66.7%	66.7% #CEAFC7	RGB 206 175 199	#CEAFC7
83.3%	83.3% #C7A3BE	RGB 199 163 190	#C7A3BE
100.0%	100.0% #C098B5	RGB 192 152 181	#C098B5

#ECE4EB #E4D6E2 #DDC8D9 #D6BCD0 #CEAFC7 #C7A3BE #C098B5

#ECE4EB - #D6BCD0 - #C098B5

Códigos CSS

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

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