#E5E3E3 - #C799B1 | 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 #E5E3E3 a #C799B1

#E5E3E3 #C799B1

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

#E5E3E3 - #C799B1 | 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 #E5E3E3 como 0% y #C799B1 como 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #E0D6DA	RGB 224 214 218	#E0D6DA
33.3%	33.3% #DBCAD2	RGB 219 202 210	#DBCAD2
50.0%	50.0% #D6BECA	RGB 214 190 202	#D6BECA
66.7%	66.7% #D1B1C1	RGB 209 177 193	#D1B1C1
83.3%	83.3% #CCA5B9	RGB 204 165 185	#CCA5B9
100.0%	100.0% #C799B1	RGB 199 153 177	#C799B1

#E5E3E3 #E0D6DA #DBCAD2 #D6BECA #D1B1C1 #CCA5B9 #C799B1

#E5E3E3 - #C799B1

Mezcla HSV

#E5E3E3 - #C799B1 | 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 #E5E3E3 como 0% y #C799B1 como 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #E0D5D6	RGB 224 213 214	#E0D5D6
33.3%	33.3% #DBC8CC	RGB 219 200 204	#DBC8CC
50.0%	50.0% #D6BCC3	RGB 214 188 195	#D6BCC3
66.7%	66.7% #D1B0BB	RGB 209 176 187	#D1B0BB
83.3%	83.3% #CCA4B5	RGB 204 164 181	#CCA4B5
100.0%	100.0% #C799B1	RGB 199 153 177	#C799B1

#E5E3E3 #E0D5D6 #DBC8CC #D6BCC3 #D1B0BB #CCA4B5 #C799B1

#E5E3E3 - #D6BCC3 - #C799B1

Códigos CSS

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

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