#20D3D3 - #C8F8B4 | 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 #20D3D3 a #C8F8B4

#20D3D3 #C8F8B4

Calcule el color entre dos colores, #20D3D3 y #C8F8B4. 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)

#20D3D3 - #C8F8B4 | 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 #20D3D3 como 0% y #C8F8B4 como 100%.

0.0%	0.0% #20D3D3	RGB 32 211 211	#20D3D3
16.7%	16.7% #3CD9CD	RGB 60 217 205	#3CD9CD
33.3%	33.3% #58DFC8	RGB 88 223 200	#58DFC8
50.0%	50.0% #74E5C3	RGB 116 229 195	#74E5C3
66.7%	66.7% #90EBBE	RGB 144 235 190	#90EBBE
83.3%	83.3% #ACF1B9	RGB 172 241 185	#ACF1B9
100.0%	100.0% #C8F8B4	RGB 200 248 180	#C8F8B4

#20D3D3 #3CD9CD #58DFC8 #74E5C3 #90EBBE #ACF1B9 #C8F8B4

#20D3D3 - #C8F8B4

Mezcla HSV

#20D3D3 - #C8F8B4 | 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 #20D3D3 como 0% y #C8F8B4 como 100%.

0.0%	0.0% #20D3D3	RGB 32 211 211	#20D3D3
16.7%	16.7% #35D9B5	RGB 53 217 181	#35D9B5
33.3%	33.3% #4CDFA0	RGB 76 223 160	#4CDFA0
50.0%	50.0% #64E592	RGB 100 229 146	#64E592
66.7%	66.7% #7DEB8D	RGB 125 235 141	#7DEB8D
83.3%	83.3% #9FF198	RGB 159 241 152	#9FF198
100.0%	100.0% #C8F8B4	RGB 200 248 180	#C8F8B4

#20D3D3 #35D9B5 #4CDFA0 #64E592 #7DEB8D #9FF198 #C8F8B4

#20D3D3 - #64E592 - #C8F8B4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20D3D3 0%, #64E592 50%, #C8F8B4 100%);
    background: -webkit-linear-gradient(top, #20D3D3 0%, #64E592 50%, #C8F8B4 100%);
    background: linear-gradient(to bottom, #20D3D3 0%, #64E592 50%, #C8F8B4 100%);
}
</style>