#C0E9E9 - #CFE5D2 | 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 #C0E9E9 a #CFE5D2

#C0E9E9 #CFE5D2

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

#C0E9E9 - #CFE5D2 | 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 #C0E9E9 como 0% y #CFE5D2 como 100%.

0.0%	0.0% #C0E9E9	RGB 192 233 233	#C0E9E9
16.7%	16.7% #C2E8E5	RGB 194 232 229	#C2E8E5
33.3%	33.3% #C5E7E1	RGB 197 231 225	#C5E7E1
50.0%	50.0% #C7E7DD	RGB 199 231 221	#C7E7DD
66.7%	66.7% #CAE6D9	RGB 202 230 217	#CAE6D9
83.3%	83.3% #CCE5D5	RGB 204 229 213	#CCE5D5
100.0%	100.0% #CFE5D2	RGB 207 229 210	#CFE5D2

#C0E9E9 #C2E8E5 #C5E7E1 #C7E7DD #CAE6D9 #CCE5D5 #CFE5D2

#C0E9E9 - #CFE5D2

Mezcla HSV

#C0E9E9 - #CFE5D2 | 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 #C0E9E9 como 0% y #CFE5D2 como 100%.

0.0%	0.0% #C0E9E9	RGB 192 233 233	#C0E9E9
16.7%	16.7% #C2E8E2	RGB 194 232 226	#C2E8E2
33.3%	33.3% #C5E7DD	RGB 197 231 221	#C5E7DD
50.0%	50.0% #C7E7D9	RGB 199 231 217	#C7E7D9
66.7%	66.7% #CAE6D6	RGB 202 230 214	#CAE6D6
83.3%	83.3% #CCE5D3	RGB 204 229 211	#CCE5D3
100.0%	100.0% #CFE5D2	RGB 207 229 210	#CFE5D2

#C0E9E9 #C2E8E2 #C5E7DD #C7E7D9 #CAE6D6 #CCE5D3 #CFE5D2

#C0E9E9 - #C7E7D9 - #CFE5D2

Códigos CSS

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

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