#C0C1D4 - #DDDED6 | 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 #C0C1D4 a #DDDED6

#C0C1D4 #DDDED6

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

#C0C1D4 - #DDDED6 | 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 #C0C1D4 como 0% y #DDDED6 como 100%.

0.0%	0.0% #C0C1D4	RGB 192 193 212	#C0C1D4
16.7%	16.7% #C4C5D4	RGB 196 197 212	#C4C5D4
33.3%	33.3% #C9CAD4	RGB 201 202 212	#C9CAD4
50.0%	50.0% #CECFD5	RGB 206 207 213	#CECFD5
66.7%	66.7% #D3D4D5	RGB 211 212 213	#D3D4D5
83.3%	83.3% #D8D9D5	RGB 216 217 213	#D8D9D5
100.0%	100.0% #DDDED6	RGB 221 222 214	#DDDED6

#C0C1D4 #C4C5D4 #C9CAD4 #CECFD5 #D3D4D5 #D8D9D5 #DDDED6

#C0C1D4 - #DDDED6

Mezcla HSV

#C0C1D4 - #DDDED6 | 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 #C0C1D4 como 0% y #DDDED6 como 100%.

0.0%	0.0% #C0C1D4	RGB 192 193 212	#C0C1D4
16.7%	16.7% #C3CDD5	RGB 195 205 213	#C3CDD5
33.3%	33.3% #C7D7D7	RGB 199 215 215	#C7D7D7
50.0%	50.0% #CAD9D2	RGB 202 217 210	#CAD9D2
66.7%	66.7% #CEDACF	RGB 206 218 207	#CEDACF
83.3%	83.3% #D6DCD2	RGB 214 220 210	#D6DCD2
100.0%	100.0% #DDDED6	RGB 221 222 214	#DDDED6

#C0C1D4 #C3CDD5 #C7D7D7 #CAD9D2 #CEDACF #D6DCD2 #DDDED6

#C0C1D4 - #CAD9D2 - #DDDED6

Códigos CSS

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

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