#C5E7E3 - #D0E8D2 | 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 #D0E8D2

#C5E7E3 #D0E8D2

Calcule el color entre dos colores, #C5E7E3 y #D0E8D2. 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 - #D0E8D2 | 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 #D0E8D2 como 100%.

0.0%	0.0% #C5E7E3	RGB 197 231 227	#C5E7E3
16.7%	16.7% #C6E7E0	RGB 198 231 224	#C6E7E0
33.3%	33.3% #C8E7DD	RGB 200 231 221	#C8E7DD
50.0%	50.0% #CAE7DA	RGB 202 231 218	#CAE7DA
66.7%	66.7% #CCE7D7	RGB 204 231 215	#CCE7D7
83.3%	83.3% #CEE7D4	RGB 206 231 212	#CEE7D4
100.0%	100.0% #D0E8D2	RGB 208 232 210	#D0E8D2

#C5E7E3 #C6E7E0 #C8E7DD #CAE7DA #CCE7D7 #CEE7D4 #D0E8D2

#C5E7E3 - #D0E8D2

Mezcla HSV

#C5E7E3 - #D0E8D2 | 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 #D0E8D2 como 100%.

0.0%	0.0% #C5E7E3	RGB 197 231 227	#C5E7E3
16.7%	16.7% #C6E7DF	RGB 198 231 223	#C6E7DF
33.3%	33.3% #C8E7DB	RGB 200 231 219	#C8E7DB
50.0%	50.0% #CAE7D8	RGB 202 231 216	#CAE7D8
66.7%	66.7% #CCE7D5	RGB 204 231 213	#CCE7D5
83.3%	83.3% #CEE7D3	RGB 206 231 211	#CEE7D3
100.0%	100.0% #D0E8D2	RGB 208 232 210	#D0E8D2

#C5E7E3 #C6E7DF #C8E7DB #CAE7D8 #CCE7D5 #CEE7D3 #D0E8D2

#C5E7E3 - #CAE7D8 - #D0E8D2

Códigos CSS

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

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