#C4D8D8 - #EEF3F3 | 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 #C4D8D8 a #EEF3F3

#C4D8D8 #EEF3F3

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

#C4D8D8 - #EEF3F3 | 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 #C4D8D8 como 0% y #EEF3F3 como 100%.

0.0%	0.0% #C4D8D8	RGB 196 216 216	#C4D8D8
16.7%	16.7% #CBDCDC	RGB 203 220 220	#CBDCDC
33.3%	33.3% #D2E1E1	RGB 210 225 225	#D2E1E1
50.0%	50.0% #D9E5E5	RGB 217 229 229	#D9E5E5
66.7%	66.7% #E0EAEA	RGB 224 234 234	#E0EAEA
83.3%	83.3% #E7EEEE	RGB 231 238 238	#E7EEEE
100.0%	100.0% #EEF3F3	RGB 238 243 243	#EEF3F3

#C4D8D8 #CBDCDC #D2E1E1 #D9E5E5 #E0EAEA #E7EEEE #EEF3F3

#C4D8D8 - #EEF3F3

Mezcla HSV

#C4D8D8 - #EEF3F3 | 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 #C4D8D8 como 0% y #EEF3F3 como 100%.

0.0%	0.0% #C4D8D8	RGB 196 216 216	#C4D8D8
16.7%	16.7% #CADCDC	RGB 202 220 220	#CADCDC
33.3%	33.3% #D1E1E1	RGB 209 225 225	#D1E1E1
50.0%	50.0% #D8E5E5	RGB 216 229 229	#D8E5E5
66.7%	66.7% #DFEAEA	RGB 223 234 234	#DFEAEA
83.3%	83.3% #E6EEEE	RGB 230 238 238	#E6EEEE
100.0%	100.0% #EEF3F3	RGB 238 243 243	#EEF3F3

#C4D8D8 #CADCDC #D1E1E1 #D8E5E5 #DFEAEA #E6EEEE #EEF3F3

#C4D8D8 - #D8E5E5 - #EEF3F3

Códigos CSS

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

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