#C4D9C7 - #D5E9CC | 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 #C4D9C7 a #D5E9CC

#C4D9C7 #D5E9CC

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

#C4D9C7 - #D5E9CC | 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 #C4D9C7 como 0% y #D5E9CC como 100%.

0.0%	0.0% #C4D9C7	RGB 196 217 199	#C4D9C7
16.7%	16.7% #C6DBC7	RGB 198 219 199	#C6DBC7
33.3%	33.3% #C9DEC8	RGB 201 222 200	#C9DEC8
50.0%	50.0% #CCE1C9	RGB 204 225 201	#CCE1C9
66.7%	66.7% #CFE3CA	RGB 207 227 202	#CFE3CA
83.3%	83.3% #D2E6CB	RGB 210 230 203	#D2E6CB
100.0%	100.0% #D5E9CC	RGB 213 233 204	#D5E9CC

#C4D9C7 #C6DBC7 #C9DEC8 #CCE1C9 #CFE3CA #D2E6CB #D5E9CC

#C4D9C7 - #D5E9CC

Mezcla HSV

#C4D9C7 - #D5E9CC | 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 #C4D9C7 como 0% y #D5E9CC como 100%.

0.0%	0.0% #C4D9C7	RGB 196 217 199	#C4D9C7
16.7%	16.7% #C5DBC6	RGB 197 219 198	#C5DBC6
33.3%	33.3% #C6DEC6	RGB 198 222 198	#C6DEC6
50.0%	50.0% #CAE1C8	RGB 202 225 200	#CAE1C8
66.7%	66.7% #CDE3C9	RGB 205 227 201	#CDE3C9
83.3%	83.3% #D1E6CA	RGB 209 230 202	#D1E6CA
100.0%	100.0% #D5E9CC	RGB 213 233 204	#D5E9CC

#C4D9C7 #C5DBC6 #C6DEC6 #CAE1C8 #CDE3C9 #D1E6CA #D5E9CC

#C4D9C7 - #CAE1C8 - #D5E9CC

Códigos CSS

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

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