#C5E7E3 - #CFE6D2 | 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 #C5E7E3 a #CFE6D2

#C5E7E3 #CFE6D2

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

#C5E7E3 - #CFE6D2 | 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 #C5E7E3 como 0% y #CFE6D2 como 100%.

0.0%	0.0% #C5E7E3	RGB 197 231 227	#C5E7E3
16.7%	16.7% #C6E6E0	RGB 198 230 224	#C6E6E0
33.3%	33.3% #C8E6DD	RGB 200 230 221	#C8E6DD
50.0%	50.0% #CAE6DA	RGB 202 230 218	#CAE6DA
66.7%	66.7% #CBE6D7	RGB 203 230 215	#CBE6D7
83.3%	83.3% #CDE6D4	RGB 205 230 212	#CDE6D4
100.0%	100.0% #CFE6D2	RGB 207 230 210	#CFE6D2

#C5E7E3 #C6E6E0 #C8E6DD #CAE6DA #CBE6D7 #CDE6D4 #CFE6D2

#C5E7E3 - #CFE6D2

Mezcla HSV

#C5E7E3 - #CFE6D2 | 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 #C5E7E3 como 0% y #CFE6D2 como 100%.

0.0%	0.0% #C5E7E3	RGB 197 231 227	#C5E7E3
16.7%	16.7% #C6E6DF	RGB 198 230 223	#C6E6DF
33.3%	33.3% #C8E6DB	RGB 200 230 219	#C8E6DB
50.0%	50.0% #CAE6D8	RGB 202 230 216	#CAE6D8
66.7%	66.7% #CBE6D5	RGB 203 230 213	#CBE6D5
83.3%	83.3% #CDE6D3	RGB 205 230 211	#CDE6D3
100.0%	100.0% #CFE6D2	RGB 207 230 210	#CFE6D2

#C5E7E3 #C6E6DF #C8E6DB #CAE6D8 #CBE6D5 #CDE6D3 #CFE6D2

#C5E7E3 - #CAE6D8 - #CFE6D2

Códigos CSS

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

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