#C5E8D1 - #DAEACF | 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 #C5E8D1 a #DAEACF

#C5E8D1 #DAEACF

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

#C5E8D1 - #DAEACF | 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 #C5E8D1 como 0% y #DAEACF como 100%.

0.0%	0.0% #C5E8D1	RGB 197 232 209	#C5E8D1
16.7%	16.7% #C8E8D0	RGB 200 232 208	#C8E8D0
33.3%	33.3% #CCE8D0	RGB 204 232 208	#CCE8D0
50.0%	50.0% #CFE9D0	RGB 207 233 208	#CFE9D0
66.7%	66.7% #D3E9CF	RGB 211 233 207	#D3E9CF
83.3%	83.3% #D6E9CF	RGB 214 233 207	#D6E9CF
100.0%	100.0% #DAEACF	RGB 218 234 207	#DAEACF

#C5E8D1 #C8E8D0 #CCE8D0 #CFE9D0 #D3E9CF #D6E9CF #DAEACF

#C5E8D1 - #DAEACF

Mezcla HSV

#C5E8D1 - #DAEACF | 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 #C5E8D1 como 0% y #DAEACF como 100%.

0.0%	0.0% #C5E8D1	RGB 197 232 209	#C5E8D1
16.7%	16.7% #C6E8CD	RGB 198 232 205	#C6E8CD
33.3%	33.3% #C8E8CB	RGB 200 232 203	#C8E8CB
50.0%	50.0% #CAE9C9	RGB 202 233 201	#CAE9C9
66.7%	66.7% #D0E9CB	RGB 208 233 203	#D0E9CB
83.3%	83.3% #D5E9CD	RGB 213 233 205	#D5E9CD
100.0%	100.0% #DAEACF	RGB 218 234 207	#DAEACF

#C5E8D1 #C6E8CD #C8E8CB #CAE9C9 #D0E9CB #D5E9CD #DAEACF

#C5E8D1 - #CAE9C9 - #DAEACF

Códigos CSS

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

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