#C0CFD1 - #ECE6DE | 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 #C0CFD1 a #ECE6DE

#C0CFD1 #ECE6DE

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

#C0CFD1 - #ECE6DE | 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 #C0CFD1 como 0% y #ECE6DE como 100%.

0.0%	0.0% #C0CFD1	RGB 192 207 209	#C0CFD1
16.7%	16.7% #C7D2D3	RGB 199 210 211	#C7D2D3
33.3%	33.3% #CED6D5	RGB 206 214 213	#CED6D5
50.0%	50.0% #D6DAD7	RGB 214 218 215	#D6DAD7
66.7%	66.7% #DDDED9	RGB 221 222 217	#DDDED9
83.3%	83.3% #E4E2DB	RGB 228 226 219	#E4E2DB
100.0%	100.0% #ECE6DE	RGB 236 230 222	#ECE6DE

#C0CFD1 #C7D2D3 #CED6D5 #D6DAD7 #DDDED9 #E4E2DB #ECE6DE

#C0CFD1 - #ECE6DE

Mezcla HSV

#C0CFD1 - #ECE6DE | 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 #C0CFD1 como 0% y #ECE6DE como 100%.

0.0%	0.0% #C0CFD1	RGB 192 207 209	#C0CFD1
16.7%	16.7% #C4D5D0	RGB 196 213 208	#C4D5D0
33.3%	33.3% #C9DACE	RGB 201 218 206	#C9DACE
50.0%	50.0% #D1DECE	RGB 209 222 206	#D1DECE
66.7%	66.7% #DCE3D3	RGB 220 227 211	#DCE3D3
83.3%	83.3% #E7E7D8	RGB 231 231 216	#E7E7D8
100.0%	100.0% #ECE6DE	RGB 236 230 222	#ECE6DE

#C0CFD1 #C4D5D0 #C9DACE #D1DECE #DCE3D3 #E7E7D8 #ECE6DE

#C0CFD1 - #D1DECE - #ECE6DE

Códigos CSS

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

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