#C5E6CF - #DAEACE | 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 #C5E6CF a #DAEACE

#C5E6CF #DAEACE

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

#C5E6CF - #DAEACE | 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 #C5E6CF como 0% y #DAEACE como 100%.

0.0%	0.0% #C5E6CF	RGB 197 230 207	#C5E6CF
16.7%	16.7% #C8E6CE	RGB 200 230 206	#C8E6CE
33.3%	33.3% #CCE7CE	RGB 204 231 206	#CCE7CE
50.0%	50.0% #CFE8CE	RGB 207 232 206	#CFE8CE
66.7%	66.7% #D3E8CE	RGB 211 232 206	#D3E8CE
83.3%	83.3% #D6E9CE	RGB 214 233 206	#D6E9CE
100.0%	100.0% #DAEACE	RGB 218 234 206	#DAEACE

#C5E6CF #C8E6CE #CCE7CE #CFE8CE #D3E8CE #D6E9CE #DAEACE

#C5E6CF - #DAEACE

Mezcla HSV

#C5E6CF - #DAEACE | 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 #C5E6CF como 0% y #DAEACE como 100%.

0.0%	0.0% #C5E6CF	RGB 197 230 207	#C5E6CF
16.7%	16.7% #C6E6CC	RGB 198 230 204	#C6E6CC
33.3%	33.3% #C7E7C9	RGB 199 231 201	#C7E7C9
50.0%	50.0% #CBE8C9	RGB 203 232 201	#CBE8C9
66.7%	66.7% #D0E8CA	RGB 208 232 202	#D0E8CA
83.3%	83.3% #D5E9CC	RGB 213 233 204	#D5E9CC
100.0%	100.0% #DAEACE	RGB 218 234 206	#DAEACE

#C5E6CF #C6E6CC #C7E7C9 #CBE8C9 #D0E8CA #D5E9CC #DAEACE

#C5E6CF - #CBE8C9 - #DAEACE

Códigos CSS

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

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