#C0CBCB - #EDF0F0 | 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 #C0CBCB a #EDF0F0

#C0CBCB #EDF0F0

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

#C0CBCB - #EDF0F0 | 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 #C0CBCB como 0% y #EDF0F0 como 100%.

0.0%	0.0% #C0CBCB	RGB 192 203 203	#C0CBCB
16.7%	16.7% #C7D1D1	RGB 199 209 209	#C7D1D1
33.3%	33.3% #CFD7D7	RGB 207 215 215	#CFD7D7
50.0%	50.0% #D6DDDD	RGB 214 221 221	#D6DDDD
66.7%	66.7% #DEE3E3	RGB 222 227 227	#DEE3E3
83.3%	83.3% #E5E9E9	RGB 229 233 233	#E5E9E9
100.0%	100.0% #EDF0F0	RGB 237 240 240	#EDF0F0

#C0CBCB #C7D1D1 #CFD7D7 #D6DDDD #DEE3E3 #E5E9E9 #EDF0F0

#C0CBCB - #EDF0F0

Mezcla HSV

#C0CBCB - #EDF0F0 | 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 #C0CBCB como 0% y #EDF0F0 como 100%.

0.0%	0.0% #C0CBCB	RGB 192 203 203	#C0CBCB
16.7%	16.7% #C7D1D1	RGB 199 209 209	#C7D1D1
33.3%	33.3% #CED7D7	RGB 206 215 215	#CED7D7
50.0%	50.0% #D6DDDD	RGB 214 221 221	#D6DDDD
66.7%	66.7% #DDE3E3	RGB 221 227 227	#DDE3E3
83.3%	83.3% #E5E9E9	RGB 229 233 233	#E5E9E9
100.0%	100.0% #EDF0F0	RGB 237 240 240	#EDF0F0

#C0CBCB #C7D1D1 #CED7D7 #D6DDDD #DDE3E3 #E5E9E9 #EDF0F0

#C0CBCB - #D6DDDD - #EDF0F0

Códigos CSS

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

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