#C8FBCB - #EFFDF0 | 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 #C8FBCB a #EFFDF0

#C8FBCB #EFFDF0

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

#C8FBCB - #EFFDF0 | 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 #C8FBCB como 0% y #EFFDF0 como 100%.

0.0%	0.0% #C8FBCB	RGB 200 251 203	#C8FBCB
16.7%	16.7% #CEFBD1	RGB 206 251 209	#CEFBD1
33.3%	33.3% #D5FBD7	RGB 213 251 215	#D5FBD7
50.0%	50.0% #DBFCDD	RGB 219 252 221	#DBFCDD
66.7%	66.7% #E2FCE3	RGB 226 252 227	#E2FCE3
83.3%	83.3% #E8FCE9	RGB 232 252 233	#E8FCE9
100.0%	100.0% #EFFDF0	RGB 239 253 240	#EFFDF0

#C8FBCB #CEFBD1 #D5FBD7 #DBFCDD #E2FCE3 #E8FCE9 #EFFDF0

#C8FBCB - #EFFDF0

Mezcla HSV

#C8FBCB - #EFFDF0 | 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 #C8FBCB como 0% y #EFFDF0 como 100%.

0.0%	0.0% #C8FBCB	RGB 200 251 203	#C8FBCB
16.7%	16.7% #CEFBD1	RGB 206 251 209	#CEFBD1
33.3%	33.3% #D4FBD7	RGB 212 251 215	#D4FBD7
50.0%	50.0% #DBFCDD	RGB 219 252 221	#DBFCDD
66.7%	66.7% #E1FCE3	RGB 225 252 227	#E1FCE3
83.3%	83.3% #E8FCE9	RGB 232 252 233	#E8FCE9
100.0%	100.0% #EFFDF0	RGB 239 253 240	#EFFDF0

#C8FBCB #CEFBD1 #D4FBD7 #DBFCDD #E1FCE3 #E8FCE9 #EFFDF0

#C8FBCB - #DBFCDD - #EFFDF0

Códigos CSS

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

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