#C0FFB2 - #DCF8F9 | 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 #C0FFB2 a #DCF8F9

#C0FFB2 #DCF8F9

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

#C0FFB2 - #DCF8F9 | 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 #C0FFB2 como 0% y #DCF8F9 como 100%.

0.0%	0.0% #C0FFB2	RGB 192 255 178	#C0FFB2
16.7%	16.7% #C4FDBD	RGB 196 253 189	#C4FDBD
33.3%	33.3% #C9FCC9	RGB 201 252 201	#C9FCC9
50.0%	50.0% #CEFBD5	RGB 206 251 213	#CEFBD5
66.7%	66.7% #D2FAE1	RGB 210 250 225	#D2FAE1
83.3%	83.3% #D7F9ED	RGB 215 249 237	#D7F9ED
100.0%	100.0% #DCF8F9	RGB 220 248 249	#DCF8F9

#C0FFB2 #C4FDBD #C9FCC9 #CEFBD5 #D2FAE1 #D7F9ED #DCF8F9

#C0FFB2 - #DCF8F9

Mezcla HSV

#C0FFB2 - #DCF8F9 | 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 #C0FFB2 como 0% y #DCF8F9 como 100%.

0.0%	0.0% #C0FFB2	RGB 192 255 178	#C0FFB2
16.7%	16.7% #B9FEBA	RGB 185 254 186	#B9FEBA
33.3%	33.3% #C0FDCD	RGB 192 253 205	#C0FDCD
50.0%	50.0% #C7FCDD	RGB 199 252 221	#C7FCDD
66.7%	66.7% #CEFBEA	RGB 206 251 234	#CEFBEA
83.3%	83.3% #D5FAF3	RGB 213 250 243	#D5FAF3
100.0%	100.0% #DCF8F9	RGB 220 248 249	#DCF8F9

#C0FFB2 #B9FEBA #C0FDCD #C7FCDD #CEFBEA #D5FAF3 #DCF8F9

#C0FFB2 - #C7FCDD - #DCF8F9

Códigos CSS

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

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