#C9FEC4 - #EFFEEE | 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 #C9FEC4 a #EFFEEE

#C9FEC4 #EFFEEE

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

#C9FEC4 - #EFFEEE | 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 #C9FEC4 como 0% y #EFFEEE como 100%.

0.0%	0.0% #C9FEC4	RGB 201 254 196	#C9FEC4
16.7%	16.7% #CFFECB	RGB 207 254 203	#CFFECB
33.3%	33.3% #D5FED2	RGB 213 254 210	#D5FED2
50.0%	50.0% #DCFED9	RGB 220 254 217	#DCFED9
66.7%	66.7% #E2FEE0	RGB 226 254 224	#E2FEE0
83.3%	83.3% #E8FEE7	RGB 232 254 231	#E8FEE7
100.0%	100.0% #EFFEEE	RGB 239 254 238	#EFFEEE

#C9FEC4 #CFFECB #D5FED2 #DCFED9 #E2FEE0 #E8FEE7 #EFFEEE

#C9FEC4 - #EFFEEE

Mezcla HSV

#C9FEC4 - #EFFEEE | 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 #C9FEC4 como 0% y #EFFEEE como 100%.

0.0%	0.0% #C9FEC4	RGB 201 254 196	#C9FEC4
16.7%	16.7% #CFFECB	RGB 207 254 203	#CFFECB
33.3%	33.3% #D5FED2	RGB 213 254 210	#D5FED2
50.0%	50.0% #DBFED9	RGB 219 254 217	#DBFED9
66.7%	66.7% #E2FEE0	RGB 226 254 224	#E2FEE0
83.3%	83.3% #E8FEE7	RGB 232 254 231	#E8FEE7
100.0%	100.0% #EFFEEE	RGB 239 254 238	#EFFEEE

#C9FEC4 #CFFECB #D5FED2 #DBFED9 #E2FEE0 #E8FEE7 #EFFEEE

#C9FEC4 - #DBFED9 - #EFFEEE

Códigos CSS

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

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