#C8F5E5 - #D9E8D6 | 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 #C8F5E5 a #D9E8D6

#C8F5E5 #D9E8D6

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

#C8F5E5 - #D9E8D6 | 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 #C8F5E5 como 0% y #D9E8D6 como 100%.

0.0%	0.0% #C8F5E5	RGB 200 245 229	#C8F5E5
16.7%	16.7% #CAF2E2	RGB 202 242 226	#CAF2E2
33.3%	33.3% #CDF0E0	RGB 205 240 224	#CDF0E0
50.0%	50.0% #D0EEDD	RGB 208 238 221	#D0EEDD
66.7%	66.7% #D3ECDB	RGB 211 236 219	#D3ECDB
83.3%	83.3% #D6EAD8	RGB 214 234 216	#D6EAD8
100.0%	100.0% #D9E8D6	RGB 217 232 214	#D9E8D6

#C8F5E5 #CAF2E2 #CDF0E0 #D0EEDD #D3ECDB #D6EAD8 #D9E8D6

#C8F5E5 - #D9E8D6

Mezcla HSV

#C8F5E5 - #D9E8D6 | 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 #C8F5E5 como 0% y #D9E8D6 como 100%.

0.0%	0.0% #C8F5E5	RGB 200 245 229	#C8F5E5
16.7%	16.7% #CAF2DF	RGB 202 242 223	#CAF2DF
33.3%	33.3% #CCF0DA	RGB 204 240 218	#CCF0DA
50.0%	50.0% #CFEED6	RGB 207 238 214	#CFEED6
66.7%	66.7% #D1ECD4	RGB 209 236 212	#D1ECD4
83.3%	83.3% #D4EAD3	RGB 212 234 211	#D4EAD3
100.0%	100.0% #D9E8D6	RGB 217 232 214	#D9E8D6

#C8F5E5 #CAF2DF #CCF0DA #CFEED6 #D1ECD4 #D4EAD3 #D9E8D6

#C8F5E5 - #CFEED6 - #D9E8D6

Códigos CSS

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

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