#D2E5E2 - #82C2B2 | 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 #D2E5E2 a #82C2B2

#D2E5E2 #82C2B2

Calcule el color entre dos colores, #D2E5E2 y #82C2B2. 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)

#D2E5E2 - #82C2B2 | 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 #D2E5E2 como 0% y #82C2B2 como 100%.

0.0%	0.0% #D2E5E2	RGB 210 229 226	#D2E5E2
16.7%	16.7% #C4DFDA	RGB 196 223 218	#C4DFDA
33.3%	33.3% #B7D9D2	RGB 183 217 210	#B7D9D2
50.0%	50.0% #AAD3CA	RGB 170 211 202	#AAD3CA
66.7%	66.7% #9CCDC2	RGB 156 205 194	#9CCDC2
83.3%	83.3% #8FC7BA	RGB 143 199 186	#8FC7BA
100.0%	100.0% #82C2B2	RGB 130 194 178	#82C2B2

#D2E5E2 #C4DFDA #B7D9D2 #AAD3CA #9CCDC2 #8FC7BA #82C2B2

#D2E5E2 - #82C2B2

Mezcla HSV

#D2E5E2 - #82C2B2 | 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 #D2E5E2 como 0% y #82C2B2 como 100%.

0.0%	0.0% #D2E5E2	RGB 210 229 226	#D2E5E2
16.7%	16.7% #C3DFDA	RGB 195 223 218	#C3DFDA
33.3%	33.3% #B5D9D2	RGB 181 217 210	#B5D9D2
50.0%	50.0% #A7D3CA	RGB 167 211 202	#A7D3CA
66.7%	66.7% #9ACDC2	RGB 154 205 194	#9ACDC2
83.3%	83.3% #8EC7BA	RGB 142 199 186	#8EC7BA
100.0%	100.0% #82C2B2	RGB 130 194 178	#82C2B2

#D2E5E2 #C3DFDA #B5D9D2 #A7D3CA #9ACDC2 #8EC7BA #82C2B2

#D2E5E2 - #A7D3CA - #82C2B2

Códigos CSS

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

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