#CDDADB - #ECEAE7 | 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 #CDDADB a #ECEAE7

#CDDADB #ECEAE7

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

#CDDADB - #ECEAE7 | 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 #CDDADB como 0% y #ECEAE7 como 100%.

0.0%	0.0% #CDDADB	RGB 205 218 219	#CDDADB
16.7%	16.7% #D2DCDD	RGB 210 220 221	#D2DCDD
33.3%	33.3% #D7DFDF	RGB 215 223 223	#D7DFDF
50.0%	50.0% #DCE2E1	RGB 220 226 225	#DCE2E1
66.7%	66.7% #E1E4E3	RGB 225 228 227	#E1E4E3
83.3%	83.3% #E6E7E5	RGB 230 231 229	#E6E7E5
100.0%	100.0% #ECEAE7	RGB 236 234 231	#ECEAE7

#CDDADB #D2DCDD #D7DFDF #DCE2E1 #E1E4E3 #E6E7E5 #ECEAE7

#CDDADB - #ECEAE7

Mezcla HSV

#CDDADB - #ECEAE7 | 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 #CDDADB como 0% y #ECEAE7 como 100%.

0.0%	0.0% #CDDADB	RGB 205 218 219	#CDDADB
16.7%	16.7% #D1DDD9	RGB 209 221 217	#D1DDD9
33.3%	33.3% #D5E0D8	RGB 213 224 216	#D5E0D8
50.0%	50.0% #DBE3D9	RGB 219 227 217	#DBE3D9
66.7%	66.7% #E2E6DE	RGB 226 230 222	#E2E6DE
83.3%	83.3% #E9E9E2	RGB 233 233 226	#E9E9E2
100.0%	100.0% #ECEAE7	RGB 236 234 231	#ECEAE7

#CDDADB #D1DDD9 #D5E0D8 #DBE3D9 #E2E6DE #E9E9E2 #ECEAE7

#CDDADB - #DBE3D9 - #ECEAE7

Códigos CSS

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

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