#C5E5DA - #D0E6CD | 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 #C5E5DA a #D0E6CD

#C5E5DA #D0E6CD

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

#C5E5DA - #D0E6CD | 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 #C5E5DA como 0% y #D0E6CD como 100%.

0.0%	0.0% #C5E5DA	RGB 197 229 218	#C5E5DA
16.7%	16.7% #C6E5D7	RGB 198 229 215	#C6E5D7
33.3%	33.3% #C8E5D5	RGB 200 229 213	#C8E5D5
50.0%	50.0% #CAE5D3	RGB 202 229 211	#CAE5D3
66.7%	66.7% #CCE5D1	RGB 204 229 209	#CCE5D1
83.3%	83.3% #CEE5CF	RGB 206 229 207	#CEE5CF
100.0%	100.0% #D0E6CD	RGB 208 230 205	#D0E6CD

#C5E5DA #C6E5D7 #C8E5D5 #CAE5D3 #CCE5D1 #CEE5CF #D0E6CD

#C5E5DA - #D0E6CD

Mezcla HSV

#C5E5DA - #D0E6CD | 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 #C5E5DA como 0% y #D0E6CD como 100%.

0.0%	0.0% #C5E5DA	RGB 197 229 218	#C5E5DA
16.7%	16.7% #C6E5D6	RGB 198 229 214	#C6E5D6
33.3%	33.3% #C7E5D3	RGB 199 229 211	#C7E5D3
50.0%	50.0% #C8E5D0	RGB 200 229 208	#C8E5D0
66.7%	66.7% #CAE5CE	RGB 202 229 206	#CAE5CE
83.3%	83.3% #CBE5CB	RGB 203 229 203	#CBE5CB
100.0%	100.0% #D0E6CD	RGB 208 230 205	#D0E6CD

#C5E5DA #C6E5D6 #C7E5D3 #C8E5D0 #CAE5CE #CBE5CB #D0E6CD

#C5E5DA - #C8E5D0 - #D0E6CD

Códigos CSS

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

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