#C5DCDB - #E5E3E0 | 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 #C5DCDB a #E5E3E0

#C5DCDB #E5E3E0

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

#C5DCDB - #E5E3E0 | 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 #C5DCDB como 0% y #E5E3E0 como 100%.

0.0%	0.0% #C5DCDB	RGB 197 220 219	#C5DCDB
16.7%	16.7% #CADDDB	RGB 202 221 219	#CADDDB
33.3%	33.3% #CFDEDC	RGB 207 222 220	#CFDEDC
50.0%	50.0% #D5DFDD	RGB 213 223 221	#D5DFDD
66.7%	66.7% #DAE0DE	RGB 218 224 222	#DAE0DE
83.3%	83.3% #DFE1DF	RGB 223 225 223	#DFE1DF
100.0%	100.0% #E5E3E0	RGB 229 227 224	#E5E3E0

#C5DCDB #CADDDB #CFDEDC #D5DFDD #DAE0DE #DFE1DF #E5E3E0

#C5DCDB - #E5E3E0

Mezcla HSV

#C5DCDB - #E5E3E0 | 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 #C5DCDB como 0% y #E5E3E0 como 100%.

0.0%	0.0% #C5DCDB	RGB 197 220 219	#C5DCDB
16.7%	16.7% #C9DDD4	RGB 201 221 212	#C9DDD4
33.3%	33.3% #CDDFD0	RGB 205 223 208	#CDDFD0
50.0%	50.0% #D5E0D2	RGB 213 224 210	#D5E0D2
66.7%	66.7% #DDE2D6	RGB 221 226 214	#DDE2D6
83.3%	83.3% #E3E3DB	RGB 227 227 219	#E3E3DB
100.0%	100.0% #E5E3E0	RGB 229 227 224	#E5E3E0

#C5DCDB #C9DDD4 #CDDFD0 #D5E0D2 #DDE2D6 #E3E3DB #E5E3E0

#C5DCDB - #D5E0D2 - #E5E3E0

Códigos CSS

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

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